Skip to main content

How to Use the CMS Editor for Your Website

Use the CMS Editor to build pages with blocks, preview drafts, publish updates, and manage multilingual content—all from one place.

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 WYSIWYG (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

#

Editor Element

Description

1.

Menu

Access the Pages, Header and Footer Menu and Settings tabs.

2.

User

Toggle light/dark mode or log out.

3.

Page Count

When on the Pages tab, view a summary of total pages and the number of drafts.

4.

Action Pane

Control page elements:

  • Blocks selector

  • Language toggle

  • Page URL

  • Mobile/desktop/full width view

  • Wireframe mode

  • Zoom

5.

Canvas

Edit the selected page. This is your WYSIWYG editor — any changes you make are instantly reflected on the canvas.

6.

Page / Element Settings

When no blocks are selected:

  • edit page metadata,

  • view version history or restore previously published versions

  • preview drafts

  • publish pages

When a block is selected:

  • edit or delete block

📗 TIP

Learn more about blocks in our article about the Block Library.

📒 NOTE

Dynamically generated content, such as the categories or the 'All Articles' page, cannot be edited.


Create New Page

Create new pages from the Pages tab in the menu.

  1. Press the + Page button at the top of the panel.

    Page

  2. In the new page window, enter:

    • Title

    • URL Slug

  3. Select a destination.

  4. Press the Create button.

    Create New Page

  5. Edit the page using blocks from the Block Library.

  6. Click outside the canvas so that no block is selected.

  7. Press the Preview Draft button in the Page Settings pane to preview the page.

    Preview Draft

  8. Make any necessary changes.

  9. Press the Publish Page button to make the page live.

    Publish Page

  10. To delete a page, press the Delete page button at the bottom of the Page Settings panel.

    Delete Page


Menu

Pages

The Pages section displays all existing content on your site and where it is linked from. Content is grouped by destination, content type and purpose.


Header and Footer Menu

Customise the header and footer menu of your CMS — use global settings for your default landing page or create different navigations for each destination.


Settings

Settings allow you to configure your brand colours and enable analytics tracking.


Block Library

Use the Block Library to mix and match content blocks and layouts.

Add Block

  1. Select a page with editable layout from the site structure.

  2. When first editing your pages, convert them by pressing the Convert this page button in the Page Settings pane.

    Convert Page

  3. Press the + Blocks button to view the Block Library.

    Blocks


    📗 TIP

    You can also add blocks from an existing block on a page. Use the + Add Block buttons at the top or bottom of the block to add a new block above or below the existing block.

    Add Block


  4. Select a block.

    Block Library

  5. Press Add to Start or Add to End to place the block at the beginning or end of the page, or drag and drop the block directly onto the page canvas in the desired position.

    Add to Start / Add to End


    📗 TIP

    When you want to reorder blocks on a page, select a block and start pressing the up/down arrows in the block's top right corner until the block is in the desired position.

    Reorder Blocks


  6. Edit the element following the on-screen instructions.

Edit Block

  1. Select a block on the page.

  2. Modify its settings in the Page Settings panel.


    📒 NOTE

    Changes are saved automatically. Use Ctrl / CMD + Z to undo changes.


  3. For multilingual content, use the language toggle in the Settings Panel.

    Switch Language

  4. Enter translations for each language.

  5. Press the Save button.

    Edit All Languages

Delete Block

  1. Select a block on a page.

  2. Press the Delete Block button in the Page Settings panel.

    Delete Block


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.

Did this answer your question?