Edit pages and sections in the visual editor

When you use the visual editor

Template-based projects open in the visual editor: the AI chat on the left and the site on the right, with the Preview, Edit and More tabs. Code projects open in a different editor, with a Code tag next to the name; see Code mode.

Everything you change by hand here is free and becomes a new version in the history.

The parts of the editor

Pages

The page selector sits at the top, next to the preview. Use it to switch the page shown, look one up with Find page and create new pages.

1. 1

   Open the page selector and click New page

2. 2

   Type the Page name

3. 3

   Under Inside, choose where it goes

   Top-level page creates a first-level page; picking another page creates a subpage of it.

4. 4

   Click Create

   The new page opens in the preview, ready for sections.

To delete a page, use the Remove page icon next to it in the selector. The maximum number of pages depends on the template and is never more than 48.

Sections

Every page is made of sections, such as the hero, services, testimonials, contact and footer. In the Edit tab, the Blocks list shows the sections of the open page.

• Click a section in the list, or a block in the preview, to open its fields.
• Move up and Move down change the order. On the home page, the hero always stays at the top and the footer always at the bottom.
• Remove takes the section off the page.
• To add a section, pick its type in the list at the bottom of the panel and click Add. It goes in right before the footer.
• The Navigation menu follows your pages. Ask for a change in the chat or use Let AI set up the menu.

Edit a section's content

1. 1

   Select the section

   In the Blocks list, or by clicking it in the preview with Select elements (S) turned on.

2. 2

   Change the fields

   Headings, copy, buttons, links, images and lists, depending on the kind of section.

3. 3

   Click Save changes

   Saved appears once the change is stored.

Suggest content with AI writes the copy of the selected section for you. It uses credits, like a chat request; see AI chat.

Settings for the whole site

In the More tab, Site settings holds the business name, contacts, SEO and links used on every page, and Look & feel changes the colors, fonts and corners of every page.

Keyboard shortcuts

The S and H keys only work when you are not typing in a field.

Frequently asked questions