logo-light

Websites

Website Editor Overview

Website Editor Overview

CleanShot 2025-04-29 at 12.47.30.png
CleanShot 2025-04-29 at 12.47.30.png

Pages Panel

This panel shows every page on your website. You can add new ones or new folders by clicking

at the top right of the panel. Pages can be reordered and nested simply by dragging and dropping them around the panel.

Pro tip: If you click the three dots next to the page name, you can also copy and paste them to other parts of your website.

Editor Panel

This is where you write your content and add any images or other media to your website.

The settings bar at the top of the panel contains useful information and configuration options. From left to right:

  • Section component name: This is the name of the component that is currently in use for the selected section. Clicking it will allow you to quickly change the component, but without any previews.

  • Info button: This has examples and instructions for the selected component.

  • Settings button: If the component has any configurable settings you can access them here.

  • Colour palette: This allows you to customize section-specific colours. This overrides any general colours you set for the website overall.

  • dynamic-input.svg
    Dynamic Content: This will open a wizard to help you configure dynamic content within the section. If you already have dynamic content, it will be a blue badge showing the source of the dynamic content.

Sections Panel

Similar to the pages panel, this shows you all the sections within your selected page. You can add a new one by clicking the small plus icon to the right of the Page sections header.