Edit a page

Use the page editor to change text and photos, add blocks and sections, and check how a page looks on phones.

Website3 min read

Every page on your website is built from sections stacked down the page, and each section holds blocks like headings, text, photos and buttons. The page editor lets you change all of it by clicking and dragging. Your changes save on their own as you go.

Only owners and admins can edit the website.

Open the editor#

  1. Open Website in the menu, then the Pages tab.
  2. Select Edit next to the page.

To jump to another page while you're editing, use the page picker at the top left. Select Pages (the back arrow) to leave the editor.

Good to know: Pages are easiest to build on a computer. On a phone you can select and change what's already on the page, but the panels for adding blocks and sections only show on bigger screens.

Change text and photos#

Click any block on the page to select it. Its settings open in the panel on the right, where you can change things like the text, the link a button goes to, or the photo. Press Enter on a selected block to edit its text right on the page.

To swap a photo, select the image block and choose a new image from your library, or upload one.

Add a block#

The panel on the left has two tabs. On Blocks, you'll find:

  • Basic: Heading, Text, Button, Image, Gallery, Video, Spacer, Divider, Quote, FAQ, Icon list, Cards, Plans and Map.
  • Studio: live blocks that fill themselves in from FrontRow, such as your class schedule, class cards, a register button, programs and camps, pricing, teachers, hours and contact, policies and store products.
  • Forms: a trial class form and a contact form. Whatever visitors send shows up with their lead in Growth, under Leads.

Drag a block onto the page, or click it to add it to the selected section. Use Search blocks to find one quickly.

Add a section#

On the Sections tab, pick a ready-made layout: Blank section, Hero, Text and image, Three features, Class schedule or Contact. It goes below the section you have selected, or at the end of the page.

Under On this page, you can select a section or move it up and down.

Move, resize and arrange#

With a block selected, drag it on the grid or use the buttons under Position on the grid in the right panel: move it, make it Narrower, Wider, Shorter or Taller, or bring it in front of or behind other blocks. Select a section (pick it under On this page on the Sections tab) to change its Look, like its background color or image and its padding.

The panel's top buttons duplicate or delete what you've selected.

Check how it looks on phones#

Use the Desktop, Tablet and Phone buttons at the top to preview the page at each size. On phones, blocks stack in a single column. With a block selected, use On phones in the right panel to move it Earlier on phones or Later on phones, or turn on Hide on phones.

Undo, saving and problems#

  • Use the undo and redo arrows at the top (or Ctrl or Command + Z) to step back.
  • The status at the top shows Saved, Saving… or Unsaved changes. If it says Offline, retrying or Couldn't save, check your connection and select Retry.
  • If someone else saved this page while you were editing, you'll see Someone else changed this page. Select Copy my changes to keep your wording, then Reload latest and paste it back in.
  • When nothing is selected, the right panel lists anything to Check before publishing, like a button with no link. Click an item to jump to it.

Preview and publish#

Select Preview to open the page as visitors will see it, in a new tab. When you're happy, select Publish to put your whole site live. If something needs fixing first, the editor tells you what and where.