Preview your draft

Before you publish, check how your changes look. The preview always shows your draft: what your website will look like after you publish. Your guests keep seeing the live website until you click Publish.

Preview your draft

The big area on the left of the editor is the preview. It shows the page you are working on and updates by itself a moment after each change.

1. Look at the label at the top: Draft — only you can see this. It reminds you that you are looking at your draft, not at your live website. The small ? next to it opens this help.
2. Make a change in the side panel, for example type a new headline. After a moment the preview shows it.
3. Want to change something you see? Click it in the preview. The editor opens that section for you.
4. Does the preview not show your latest change? Click Refresh preview (the round arrows at the top right of the preview).
5. Want more room? Click Fullscreen (the four arrows) to fill the whole screen with the preview. Click it again to go back.

Check how it looks on a phone or tablet

Many guests visit your website on their phone. Check that everything is easy to read there too.

1. In the toolbar, find the three small screen buttons: Desktop (computer), Tablet and Mobile (phone).

2. Click Mobile. The preview becomes as narrow as a phone. Next to the Draft label you see its width (375px).

   

3. Scroll through the page. Are the texts short enough? Do the photos look good?

4. Click Desktop to go back to the normal view.

Open the preview in a new tab

To look at your draft as a whole website, and click from page to page like a guest, open it in its own browser tab.

1. In the toolbar, click Preview (next to the Live label).

   

2. Your draft opens in a new tab, starting with your home page. Use the menu of your website to visit the other pages.

3. In the bottom left corner you see a dark label: Preview · Draft. It tells you that this is your draft, not the live website.

   

4. Close the tab when you are done, and go back to the editor tab to make more changes.

Party websites: see it as a visitor or a guest

Party and event websites only.

A party website shows different things to different people. Above the preview, next to Refresh preview, View as lets you choose who is looking:

• Editing view — everything on every page, as you edit it.
• Visitor — what a stranger who has not signed in sees: pages and sections for guests are gone and the menu is short.
• Guest — what a signed-in guest sees, with a made-up guest ("Hi, Ana").

1. Click Visitor. The preview reloads without anything that is for guests only.
2. Click Guest to see the guest's view, then Editing view to go back and edit.

The two views follow exactly the rules of the published website, so use them before you publish. The yellow bar above the editor has a button Preview as visitor that does the same. See Privacy check and View as and Who sees a page or a section.

Who can open a preview

Previews are private. Only people on your team who are signed in to Clava can open them. That means:

• You can send the preview link to a colleague who has their own Clava login. They see your draft after signing in.
• Anyone else — a guest, a friend, your web designer without a Clava login — sees a not found page instead. See The preview link shows "not found".

Want to show your new website to someone outside your team? Publish it first, then send them the address of your live website. See Share your website and booking link.

Related

• Happy with what you see? — Publish your changes
• Draft and live website explained — What the website editor does
• Change what you see in the preview — Sections
• Something doesn't look right — Troubleshooting