Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Previewing pages

As you edit a page, your changes show on the right side of your screen. This enables you to see your updates without constantly logging in and out or switching between editing and previewing.

Depending on your needs, this might not be enough. For example, if your screen or browser window is small, the preview will show how your site appears on mobile devices instead of computers.

This guide shows you all of the ways you can preview your site as you edit it.

Full preview of pages

To expand the preview and hide the editing panels, hover over the top left corner (top right corner in version 7.1) and click the arrow, or press Esc.

Benefits:

  • Displays a full-screen preview
  • Hides edit annotations
  • Displays page slugs in your browser address bar
Tip: The arrow won't appear while you're in the Site Styles panel. Exit Site Styles to enter full preview, or temporarily zoom out.

Click the arrow in the top left corner of the preview to make it full screen.

To go back to editing your site, click the arrow again. 

Click the arrow again to exit the full preview.

Full preview of blog posts

You can preview blog posts similar to pages, either before or after publishing. To preview a blog post:

  1. After creating a blog post, click Save & Publish to make it public, or click Save to save as a draft.
  2. In the Blog Page panel, click the post title.
  3. A preview of the post will display to the right. Click the expansion arrow in the top corner to see the full preview.
  4. Click the arrow again to return to the Blog Page panel.

Device View

Preview how your site appears on smartphones and tablets with Device View.

Incognito mode

To see your site exactly as your visitors see it, visit your site in Incognito mode. This can help if your site has embedded code, which may not display when you're logged in.

Zoom out (advanced)

Most browsers give you the option to zoom in or out on a page. Zooming out is a quick way to see what your site looks like in wider browsers. 

In most browsers, you can press Ctrl (⌘ on a Mac) with the + and - keys to zoom in or out. If this doesn't work, do a web search for zoom and your browser's name and version.

Note: Editing in Squarespace is only supported at 100% zoom. To avoid display and editing issues, always set your browser back to 100%/Actual Size.

Preview changes before visitors can see them

In most cases, pressing Save on any change updates your live site immediately. Here are some ways to create content without visitors seeing it right away:

Was this article helpful?
39 out of 101 found this helpful