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. You can also see how your site appears on mobile devices with the Squarespace App.
This guide shows you all of the ways you can preview your site as you edit it.
Full preview of pages
Para expandir a prévia e ocultar os painéis de edição, mova o mouse sobre o canto superior direito (canto superior esquerdo na versão 7.0) e clique na seta.
- Displays a full-screen preview
- Hides edit annotations
- Displays page slugs in your browser address bar
Dica: se o seu site estiver na versão 7.0, a seta não aparecerá enquanto você estiver no painel Estilos do site. Saia de Estilos do Site para entrar na prévia completa ou diminuir temporariamente o zoom.
Para voltar a editar o site, clique na seta novamente.
Full preview of blog posts
You can preview blog posts similar to pages, either before or after publishing. To preview a blog post:
- After creating a blog post, click Save & Publish to make it public, or click Save to save as a draft.
- In the Blog Page panel, click the post title.
- Uma prévia da publicação será exibida à direita. Clique na seta de expansão no canto para ver a prévia completa.
- Click the arrow again to return to the Blog Page panel.
Visualização por Dispositivo
Preview how your site appears on different devices with Device View.
Modo de navegação anônima
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: