Stop Editing

Stop Editing takes you out of edit mode and shows your site exactly as a visitor sees it. It's your preview — sometimes that's all people call it.

You'll find it in two places, and both do the same thing:

In the top bar — the labelled Stop Editing button, next to the device toggle and settings.
In the floating toolbar — the same action as an icon (a crossed-out pencil), where its tooltip reads Preview.

What it does

When you click Stop Editing:

You leave edit mode. The editing controls disappear and the page switches to the live, visitor view — what's at your public address (new.salon.io/your-name/your-site).
Your changes go live. Stopping editing clears the cached version of your page, so the version visitors load is your latest one. You don't have to do anything else for edits to appear — leaving edit mode pushes them out.

In short: Stop Editing = preview your site and publish your latest changes in one step. (The site as a whole still has to be published — see Creating Your First Website.)

Once you're out of edit mode, a small floating toolbar appears in the corner — only you, the owner, can see it. You can drag it anywhere, and double-click its handle to switch between a horizontal and vertical layout.

It gives you:

Edit — jump straight back into editing this page.
Screenshot — capture a Social Preview Image of the page (see below).
Site Settings — open your site's settings.
Dashboard — return to your dashboard.

This toolbar is never captured in a screenshot and never shown to your visitors — it's just your personal control for moving between viewing and editing.

Your Social Preview Image is the picture that appears when your page is shared on social media or shows up in search results. (Technically this is the page's Open Graph (OG) image — you'll see it labelled "OG Image" on the Page panel and "Social Preview Image" in your site's appearance settings. They're the same thing.)

The Screenshot button captures the page exactly as it looks right now and saves it as that page's Social Preview Image:

It captures the real page, so get it looking the way you want, then take the shot.
The floating toolbar and any owner-only badges are left out automatically.
It's saved per page, so each page can have its own preview image. The recommended size is 1200×630px.
Capture it on your startpage and the screenshot also becomes your site's poster — the image shown for your site on your dashboard.

You don't have to use the screenshot — you can also pick any image as the Social Preview Image from the Page panel or your appearance settings instead.

The screenshot feature is experimental. Some content doesn't capture cleanly yet — sections that are still revealing, slideshows, embedded videos, and transparent gradients may not render properly in the shot. If a capture looks off, set the Social Preview Image manually from the Page panel instead.

Getting back to editing

To return to edit mode, click Edit in the floating toolbar — you'll pick up right where you left off. (Under the hood, edit mode is just your page with ?edit=true on the end of the URL; Stop Editing removes it, Edit adds it back.)

Stop Editing

Stop Editing takes you out of edit mode and shows your site exactly as a visitor sees it. It's your preview — sometimes that's all people call it.

You'll find it in two places, and both do the same thing:

In the top bar — the labelled Stop Editing button, next to the device toggle and settings.

In the floating toolbar — the same action as an icon (a crossed-out pencil), where its tooltip reads Preview.

What it does

When you click Stop Editing:

You leave edit mode. The editing controls disappear and the page switches to the live, visitor view — what's at your public address (new.salon.io/your-name/your-site).

Your changes go live. Stopping editing clears the cached version of your page, so the version visitors load is your latest one. You don't have to do anything else for edits to appear — leaving edit mode pushes them out.

In short: Stop Editing = preview your site and publish your latest changes in one step. (The site as a whole still has to be published — see Creating Your First Website.)

The view-mode toolbar

It gives you:

Edit — jump straight back into editing this page.

Screenshot — capture a Social Preview Image of the page (see below).

Site Settings — open your site's settings.

Dashboard — return to your dashboard.

This toolbar is never captured in a screenshot and never shown to your visitors — it's just your personal control for moving between viewing and editing.

Capturing a Social Preview Image

The Screenshot button captures the page exactly as it looks right now and saves it as that page's Social Preview Image:

It captures the real page, so get it looking the way you want, then take the shot.

The floating toolbar and any owner-only badges are left out automatically.

It's saved per page, so each page can have its own preview image. The recommended size is 1200×630px.

Capture it on your startpage and the screenshot also becomes your site's poster — the image shown for your site on your dashboard.

You don't have to use the screenshot — you can also pick any image as the Social Preview Image from the Page panel or your appearance settings instead.

The screenshot feature is experimental. Some content doesn't capture cleanly yet — sections that are still revealing, slideshows, embedded videos, and transparent gradients may not render properly in the shot. If a capture looks off, set the Social Preview Image manually from the Page panel instead.

Stop Editing

What it does

Getting back to editing

Next

Stop Editing

What it does

Getting back to editing

Next