---
title: "Preview, save drafts, and publish your website"
url: "https://mycommunitysync.com/preview-save-and-publish-your-website"
community: "CommunitySync"
description: "How the editor preview works — including why text scales with the preview width — plus saving drafts and pushing your community site live."
updated: "2026-07-18T18:45:00.616+00:00"
---

# Preview, save drafts, and publish your website

*Website Builder*

> Building your own personal site rather than the community's? See
> [Publish your site](publish-your-site) in the **My Website** guides — personal sites
> publish differently, and the steps below don't apply to them.

The website editor shows a live preview of your site as you build it. Everything you
see in that preview is exactly what a visitor sees — so it's worth knowing how it
behaves before you publish.

## Preview at different screen sizes

Use the **device buttons** at the top of the editor to switch the preview between
**desktop**, **tablet**, and **phone** widths. This lets you check that your layout
looks right on every screen a visitor might use — not just your own.

The preview is a true-to-life window into your site. What you see at a given width is
what a real visitor at that width gets.

## Save a draft

Your changes are saved as a **draft** — a private working copy only you can see. You
can leave and come back; your draft is waiting. Nothing you do in the editor reaches
the public until you publish.

## Publish your site

When you're happy with the draft, hit **Publish**. Your live site updates within a few
minutes. You can keep editing afterward — new changes stay in the draft until you
publish again, so the live site never changes underneath your visitors mid-edit.

The **Publish** button tells you whether the page you're on has anything waiting to go
live. The moment you make an edit, it turns red — with a small dot — to signal you have
unpublished changes. Once your edits are live and nothing has changed since, it settles
into a greyed-out **Published** with a checkmark, so you always know at a glance whether
the page in front of you matches what visitors see. (It tracks the **current page** —
if you've edited several pages, step through them and publish each one that still shows
red.)

## Troubleshooting

### The heading text gets bigger as I make the preview wider

This is expected, not a glitch. Big headings are designed to **scale with the screen
width** so they stay proportionate everywhere — small and tidy on a phone, large and
bold on a wide desktop. As you widen the preview, the heading grows to match, up to a
built-in maximum, then stops.

Because the preview mirrors a real browser, this is genuinely how the headline will
look to a visitor at that width. To see the size at a specific screen, click the
**phone**, **tablet**, or **desktop** button rather than dragging the preview by hand.

### My changes aren't showing on the live site

Make sure you clicked **Publish** — saving only updates your private draft. After
publishing, give it a few minutes; the live site is briefly cached and refreshes
shortly after.

### Website Builder

- [Add calls to action (CTA bands and buyer/seller guides)](https://mycommunitysync.com/calls-to-action.md)
- [Add social proof: stats, testimonials, case studies, and logos](https://mycommunitysync.com/social-proof-blocks.md)
- [Add a contact or lead form to your website](https://mycommunitysync.com/add-a-lead-form.md)
- [Show your property listings on your website](https://mycommunitysync.com/listings-on-your-website.md)
- [Add an agent directory (and team blocks)](https://mycommunitysync.com/agent-directory-on-your-website.md)
- [Embed a map, video, or custom HTML](https://mycommunitysync.com/embed-block.md)
- [Set up your site's navigation menu](https://mycommunitysync.com/set-up-site-navigation.md)
- [Build your website footer](https://mycommunitysync.com/build-your-footer.md)
- [Add, rename, and organize pages](https://mycommunitysync.com/manage-website-pages.md)
- [Reuse a layout with page templates](https://mycommunitysync.com/page-templates.md)
- [Manage your website images (Asset Library)](https://mycommunitysync.com/manage-website-images.md)
- [Add alt text to images (accessibility & SEO)](https://mycommunitysync.com/image-alt-text.md)
- [Open the website editor and find your way around](https://mycommunitysync.com/open-the-website-editor.md)
- [Add, move, and remove blocks on a page](https://mycommunitysync.com/add-and-arrange-blocks.md)