> ## Documentation Index
> Fetch the complete documentation index at: https://learn.nexudus.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Portal Editor Overview

> A visual drag-and-drop page editor for customising every page viewers and members see in your Nexudus Members Portal.

<Warning>
  The Portal Editor is currently in **preview**. If you'd like to try it out, please [reach out to us](mailto:support@nexudus.com) to join the early access program.
</Warning>

The Members Portal Editor is a visual, drag-and-drop page builder that lets coworking-space operators customise every page of their portal — from the public landing page to the member dashboard — without writing any code.

<Frame>
  <img src="https://mintcdn.com/nexudus/Mp7OvxWfal4ONPBc/images/member-portal/editor.png?fit=max&auto=format&n=Mp7OvxWfal4ONPBc&q=85&s=de0a1de6893e363a3e9c0062d28b3a43" alt="Booking checkout page" width="4000" height="2326" data-path="images/member-portal/editor.png" />
</Frame>

## What you can do

| Capability                   | Description                                                                                                         |
| ---------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| **Edit built-in pages**      | Modify the layout and content of every standard portal page (Home, Dashboard, Articles, Events, etc.)               |
| **Create custom pages**      | Build entirely new pages from scratch or from pre-made templates                                                    |
| **Drag-and-drop components** | Add headings, cards, alerts, grids, images, iframes, scripts and many more — all with configurable properties       |
| **Responsive design**        | Preview your designs at Desktop (1400 px), Tablet (768 px) and Mobile (375 px) breakpoints                          |
| **Audience targeting**       | Show or hide sections for everyone, logged-in users, members only or contacts only using the CustomerType component |
| **Live preview**             | Open a full preview of your changes in a new browser tab before saving                                              |
| **AI page generation**       | Describe a page in natural language and let the AI assistant generate a starting layout for you                     |
| **Custom navigation**        | Organise built-in and custom pages into fixed categories and custom groups in the portal navigation                 |

## Editor anatomy

The editor interface is divided into four main areas:

1. **Left sidebar** — browse and open built-in pages, custom pages, create new pages from templates, and open the Navigation editor.
2. **Component drawer & Outline** — built-in Puck panels for inserting new components (drag from the drawer) and inspecting the component tree (Outline).
3. **Canvas** — the live preview area where you drag, drop and rearrange components. Supports Desktop, Tablet and Mobile viewports.
4. **Properties bar** — when you select a component on the canvas, its configurable properties appear on the right-hand side, organised in collapsible groups.
5. **Toolbar** — the top bar with Save, Reset, Delete, Preview buttons and an unsaved-draft indicator.

## How to access the editor

Navigate to **your portal URL** and append `/admin/editor` — for example `https://yourspace.nexudus.site/admin/editor`. You must be signed in as a space operator.

## Next steps

<CardGroup cols={2}>
  <Card title="Left Menu & Pages" icon="sidebar" href="/editor/left-menu">
    Browse built-in pages, custom pages, templates and the navigation editor.
  </Card>

  <Card title="Navigation Editor" icon="bars" href="/editor/navigation">
    Configure fixed categories and custom groups to organise your portal menu.
  </Card>

  <Card title="Components & Properties" icon="cube" href="/editor/components">
    Learn about every available component and its configurable properties.
  </Card>

  <Card title="Toolbar & Workflow" icon="floppy-disk" href="/editor/toolbar">
    Draft management, saving, resetting, deleting, and previewing pages.
  </Card>

  <Card title="Layout Components" icon="table-columns" href="/editor/layout-components">
    Containers, grids, stacks, divs and responsive layout primitives.
  </Card>

  <Card title="Advanced: Iframes, Scripts & CustomerType" icon="code" href="/editor/advanced-components">
    Embed external content, load third-party scripts, and target content by audience.
  </Card>
</CardGroup>