The CMS Editor allows you to create, edit and publish pages on your website using a visual, block-based editor. You build pages by adding your content blocks (such as text, images, product listings, or contact forms) to a live canvas and configuring them using the settings panel.
The editor is designed to be WYSIWG (What You See Is What You Get): changes you make are immediately reflected on the page preview. Pages can be saved as drafts, previewed before publishing, and updated at any time.
Using the editor, you can:
✅ Create new pages and manage existing ones
✅ Edit page content and metadata
✅ Arrange and customise content blocks
✅ Manage multilingual content
✅ Preview changes before publishing
Editor
The editor consists of several parts that allow you to comfortably edit your website
🧩 Discover editor elements
🧩 Discover editor elements
# | Editor Element | Description |
1. | Menu | Access the Site Structure, Block Library and Settings. |
2. | Settings | Toggle light/dark mode or log out. |
3. | Page Count | Displays a summary of total pages, with a breakdown of active and inactive pages. |
4. | Top Pane | Language toggle, page URL, mobile/desktop/full width view, element descriptor toggle and zoom controls. |
5. | Canvas | Displays the selected page content. This is your WSIWYG editor — any changes you make are instantly reflected on the canvas. |
6. | Element Settings | Select and modify editable elements in your CMS. |
7. | Action Pane |
|
📒 NOTE
Dynamically generated content, such as the categories or the 'All Articles' page, cannot be edited. However, individual editable elements on these pages can still be modified.
Create New Page
You can create a new page from anywhere in the editor.
You can create a new page from anywhere in the editor.
Press the + New Page button in the Action Pane.
New Page
In the new page window, enter:
Title
URL Slug
Select a destination.
Press the Create button.
Create New Page
Select an element from the Block Library and place it on the canvas.
Edit the element following the on-screen instructions.
Press the Preview Draft button to see how the page will appear.
Preview Draft
Make any necessary changes.
Press the Publish Page button to make the page live.
Publish Page
Menu
Site Structure
The Site Structure displays all existing content on your site and where it is linked from. Content is grouped by content type and purpose.
Block Library
Use the Block Library to mix and match content blocks and layouts.
Add Block
Add Block
Select a page with editable layout from the site structure.
When first editing your pages, convert them by pressing the Convert this page button in the Page Settings pane.
Convert Page
Open the Block Library.
Drag and drop a block or add it to the start/end of the page.
Block Library
Edit Block
Edit Block
Select a block on the page.
Modify its settings in the Settings Panel.
📒 NOTE
Changes are saved automatically. Use Ctrl / CMD + Z to undo changes.
For multilingual content, use the language toggle in the Settings Panel.
Switch Language
Enter translations for each language.
Press the Save button.
Edit All Languages
Delete Block
Delete Block
Select a block on a page.
Press the Delete Block button in the Settings Panel.
Delete Block
Settings
Settings allow you to configure your brand colours and enable analytics tracking.
General Recommendations
Use blocks consistently
Reuse the same block types and layouts across similar pages to keep your website visually consistent.
Be mindful of dynamic pages
Some pages (such as category or listing pages) have fixed layouts and cannot be fully edited. Only editable elements can be modified.
Optimise images
Upload high-quality images, at least 1200 x 800 px for smaller images and 1920 x 1080 px for full-width images.
Keep file sizes reasonable for performance.
Always add alt text where available for accessibility.
Check multilingual content
If your site supports multiple languages, remember to enter translations for all text fields using the language toggle.
Review metadata
Page titles and descriptions affect SEO and previews.
Always review metadata before publishing.
Avoid editing legacy pages in the dashboard
Once a legacy page is converted, make all future edits in the CMS Editor to prevent inconsistencies.