Live preview

Preview your site while you edit. Live previews render pages exactly as they look when published, and update as you make changes to content, navigation, and configuration.

​

Open live preview

Click the live preview button in the top bar.

​

Edit site settings in live preview

Edit your site settings in the live preview to see how they affect the rendered content.

1. Open the live preview in the editor.
2. Click Site settings in the preview toolbar.
3. Select a configuration section and edit the settings.

If you set the live preview to open in a new tab, the preview site settings menu is unavailable. Disable Open live preview in new tab in editor settings to use the site settings menu.

​

Ask the agent in live preview

Click Ask agent in the preview toolbar to open the editor agent beside the live preview. Only editors and admins can use the agent in live previews.

​

Live preview versus preview deployments

Use live preview for immediate feedback while editing. When you need to share changes with your team or test on a different device, use a preview deployment.