Preview a Page Design Before Publishing
When you make changes on your website, you can "preview" how it will look before you publish the changes on your live website. You have the option to preview a page in a separate browser tab, so you can fully see how the updated page will look and function to users.
To preview a page:
- Select the Pages tab at the top of the Websites app, and click on the title of the page you'd like to edit.
- Click Design the page at the top of the page.
- The Design panel will open. On the top-right corner of the preview window, click the "eyeball" icon.
A new tab in your browser will open. This new tab will be a "preview" of the page on your website, containing your unpublished changes. This "preview" page will function just like a real website, complete with functioning links and page elements.
If you are satisfied with the changes on your "preview" page, then you can return to your Websites app and click Publish in the top-right corner of the page.
Related Articles
Style Your Page's Content Blocks
You can modify the appearance of your page's Content Blocks in the Design panel of your website. You can style a page's Content Blocks by opening that page's Design settings: Select the Pages tab at the top of the Websites app, and click on the title ...Backup Your Website Design, Revert Changes, or Reset to Last Published Design
You can proactively back up your website design, so if you make changes that you do not want to keep, you can easily revert back to your previously-saved design. You also have the ability to revert to the latest published version of your website, ...Edit Your Website's Navigation Design
The Navigation settings in the Design panel lets you manage the appearance of your your website's navigation bar, menu items, and drop-down menus. You can choose separate settings for how your navigation menu appears on desktop and mobile devices. ...Edit Your Footer Layout and Design
The Footer settings in the Design panel control the layout, text settings, social icon designs, and design settings of your website's Footer. This is a sitewide setting, so any change you make here will apply to every page on your website. To find ...Change a Page's Background
You can set a unique background for any page on your site. You can choose a solid color, a gradient, or an image to use as your page's background. If you would like to set the same background for every page on your site, then you can visit the ...