Previewing your Site

You can preview your website and interactions without publishing by using the Preview function.

Preview page

To access the preview, click the play button on the top left of each page or use the keyboard shortcut Command + P on macOS or CTRL + P on Windows. To exit the preview, click the close button or press ESC. Within the preview, you can resize the viewport to check the responsiveness of your web page and breakpoints.

To preview a specific page or breakpoint, select the preview icon from any selection on your page. For example, if you want to check the Tablet breakpoint, select it on the Canvas, then click the preview icon. The preview will automatically open at the matching breakpoint width.

Please note that any Custom Code added through the Settings will not be visible in the preview. These changes will only appear on the published website.

Preview mode

In the preview you can quickly reload and go fullscreen with the controls in the top left. The input controls in the center give you control over the exact size of the preview. You can also resize the preview directly from the canvas.