Editing, right on the page

Overview

The editor is where you shape your pages. You open a page, click the thing you want to change right on it, and change it — headings, body text, buttons, images, whole sections. What you see on screen is what visitors get: there's no separate dashboard to translate, and no code anywhere in the flow.

Nothing goes live as you work. Every change is kept in a private draft that only you can see until you press Publish, so it's safe to rework a page people are already visiting.

Opening the editor

There are a few ways in and they all land in the same place. The editor opens in a new tab, so the console stays where you left it.

1. From the top bar — click the pencil next to your site's name. Quickest route when you're already working in the console.
2. From Sites — click the ellipsis (⋯) beside a site and choose Edit.
3. From Home — a new site's setup checklist has an Open the editor button.
4. From the site itself — if you're signed in and land on a page that hasn't been published yet, there's an Open the editor button right on it.

What you're looking at

Three parts, and that's the whole editor.

1. The top bar — your site's name and the page you're on, then, at the right: undo and redo arrows, Exit (back to your sites), Preview, and Publish. An “Unpublished changes” badge appears the moment you change something and clears when you publish. On a narrow screen these collapse into the ☰ menu at the top right.
2. The icon rail down the left — four panels. Blocks is everything you can add. Outline is the page as a list of its sections. Pages switches between your pages and creates or deletes them. Fields holds the settings for whatever you have selected.
3. The page itself, in the middle — your real content at your real width. Click anything to select it.

Text, buttons, and links

On most sections you can click a heading or a paragraph on the page and start typing. The same wording also appears as a field in the panel, so use whichever you prefer — smaller pieces like badges, captions, and list items live in the panel only.

1. Click a section to select it. The Fields panel opens with everything that section can hold.
2. Click text on the page and type, or edit it in the panel — they're the same text either way.
3. A button is a label plus a link. On most sections, clearing the label hides the button.
4. Link fields have a “Link to a page…” dropdown listing every page on your site, plus your blog. Or type your own: a full https:// address for somewhere else, or #something to jump further down the same page.

Images

Image fields sit in the Fields panel alongside the rest of a section's settings, each showing a thumbnail of what's there now.

1. Click Upload and pick a file, or drag one straight onto the thumbnail.
2. Or paste a web address into the URL box, if the picture already lives online.
3. Fill in Alt text — a short description of the picture. Screen readers read it aloud and search engines use it.

Adding and moving sections

A page is a stack of sections. You add them from the Blocks panel and arrange them; you don't position or size them by hand.

1. Open Blocks. Everything your template offers is listed there, grouped by kind. Hover a name and a small live preview of that section appears, so you can tell a hero from a feature row without guessing.
2. Drag one onto the page and drop it where you want it. It arrives already styled to match what's around it.
3. Select a section and a small toolbar appears on it: a handle to drag it up or down, Duplicate, Copy, and Delete. If a section sits inside another, the arrow selects the one around it.
4. On a long page the Outline panel is easier — every section listed in order, ready to select and reorder from there.

Colors and backgrounds

Color comes from two places — one section at a time, or the whole site at once.

1. Per section — most sections have a Background field: a row of swatches from your template's palette, plus a default. Alternating a couple of them down a page is usually all a page needs.
2. Whole site — Sites → the ⋯ menu → Settings → Brand & SEO → Brand colors. Set an Accent (buttons and links), a Page background, and a Text color, and the whole site follows. Leave any of them unset to keep the template's own.

Pages

The Pages panel lists your whole site. The page you're on is highlighted; click another to switch, and your work is saved before you go.

1. To add a page, type a path in the box at the bottom — something like /about — and click Add. You land on the new, empty page, ready for its first section.
2. Paths are tidied up for you: capitals become lowercase and spaces become dashes, so “About Us” arrives as /about-us.
3. To delete a page, click the trash icon on its card. You're asked to confirm, and it can't be undone.

Header and footer

At the top of the Pages panel, under Site, sit Header and Footer. They're edited exactly like a page — same blocks, same fields — but they appear on every page of your site.

1. Open Header for your navigation: the links and their order, your logo, and the buttons at the end of the bar.
2. Open Footer for the small print — contact details, secondary links, social, your newsletter sign-up.
3. Publish while you're on Header or Footer to push that change out. Publishing an ordinary page doesn't carry it.

Page name and SEO

Click an empty part of the page so nothing is selected, and the Fields panel shows the page's own settings instead of a section's.

1. Page name — what this page is called in your Pages list, and the name browsers and search results fall back to.
2. Search title and Meta description — how this page reads in a search result. A sentence or two of description does the job.
3. Social image — the picture shown when someone shares the page in a message or a post (1200×630 works well).
4. Search engines — Show this page or Hide this page. Hide is for pages you'd rather not have turning up in results, like a thank-you page after a form.

Drafts, autosave, and undo

You can't lose work in here, and you can't accidentally publish it either.

1. Changes save to a private draft about a second after you stop typing — and again when you switch pages, and again if you close the tab.
2. Come back later and the editor reopens on that draft, “Unpublished changes” still showing. Nobody visiting your site has seen any of it.
3. The undo and redo arrows step back and forward through this session's changes, and grey out when there's nothing left to step to.

Preview and publish

Preview shows you the draft as a visitor would see it. Publish makes it real.

1. Click Preview. The page opens in a new tab with your unpublished changes included — it's the real page, so it's the honest test. Open that same tab on your phone to check it there.
2. Click Publish. The page you're on goes live and the “Unpublished changes” badge clears.
3. Publish one page at a time. If you edited three pages, publish on each of them — and if you touched your navigation or footer, publish while you're on Header or Footer too.
4. If your role is Contributor, Publish says “Submitted for review” instead: your work is saved as a change request, and an Owner, Admin, or Editor approves it under Content changes.

Frequently asked questions