Preview and publish are two essential features in the Editor, making it possible for you to view your website on the various viewports and make it accessible for visitors.
Preview your website
You can preview your website at any time while working in the Editor. Preview is a great tool for checking what your website looks like and simulate the visitor browsing experience before publishing. It's also useful for making sure that elements you've implemented on your website look right on all three viewports.
How to preview your website
You find the preview icon in the upper right corner of the Editor. To preview your website, click on the eye icon and a new window will open with a preview of your website.
Use the keyboard shortcut
Preview your website by using the keyboard shortcut Option ⌥ + P (Mac) / Alt + P (PC).
You can preview three different views of your website: desktop, tablet and mobile. This gives you the opportunity to assess how your website looks on all three viewports and whether you need to make any adjustments on either of them.
When previewing your website, you're able to browse it on all three viewports side by side.
Preview directly on desktop view
If you only want to preview your website on desktop view, you have the option to go directly to the desktop preview by holding down the Option ⌥ (Mac) / Alt (PC) key on your keyboard while pressing the preview icon.
Publish your website
Your website will only be publicly visible after you've clicked the publish button. If you make any adjustments or add new content after clicking the publish button, the changes will only be visible to others when you publish the website again. This ensures that you can work on your website without having to publish it and make it available to others before your edits are completed.
How to publish your website
You find the publish button in the upper right corner of the Editor. Click on the button to publish your website. Once you've clicked the publish button, an overlay will appear asking you if you're sure that you want to publish your site.
Upon clicking Publish again, the Editor will start generating images on the published version of your website. This may take a while depending to the amount of images you have. Once images are generated, a URL for your published website will appear on the overlay. Your website is now successfully published. Click on the URL to go to your published website.
Allow others to preview your website
If you want other people - for example collaborators, clients, or external partners - to see a preview of your site without you needing to publish it first, you can use the Enable Public Preview setting. Read more in this article (see "Editor settings", subsection "Public preview").