Opening the Visual Editor

What the Visual Editor Looks Like

When you open a page in the Visual Editor, you will see a split-screen layout. The page preview appears on one side, and the editing panel appears on the other. This lets you see exactly how your changes will look before you publish them.

The Visual Editor has three key areas:

• Preview Panel — Shows a live rendering of the page as visitors will see it. Changes appear here in real time.
• Sidebar Panel — The editing panel on the left side of the screen. This is where you find all the fields for the current page, organized into sections.
• Toolbar — The bar at the top with the Save button, page status, and other controls.

How to Open the Visual Editor

Follow these steps to open any page in the Visual Editor:

1. 1

   From the CloudCannon dashboard, click Pages in the left-hand menu to see the list of all pages on your website.

2. 2

   Find the page you want to edit. You can use the search bar at the top of the list or scroll through the pages. Pages are organized by their URL path.

3. 3

   Click the page name to open it. CloudCannon will automatically open the page in the Visual Editor, showing the live preview alongside the editing panel.

4. 4

   Wait a moment for the preview to load. You will see the page appear exactly as it looks on the live website. The sidebar on the left will show all the editable fields.

Two Ways to Edit

Once you have a page open in the Visual Editor, there are two ways to make changes. Most content blocks support both methods, but some fields are only available through one or the other.

For a hands-on walkthrough of both editing methods, continue to the next guide where you will make your first real edit to a page.