Skip navigation links

Preview a Page

Locate the page in the Site Content Tree (left pane) in Pages. Click the page name to select the page to be previewed.

Simulated Device Preview in Edit Mode

Pages allows content authors to view how the web page will appear on various devices. 

On the Local Toolbar, click the phone, tablet or laptop icon to adjust view settings. The active view will be highlighted in purple. 

Screenshot of the local toolbar with preview icons highlighted
Figure 1: The Local Toolbar with the view settings icons outlined in red.

To view additional display preview options, click the dropdown arrow icon next to the display dimension. 

Screenshot of the expanded preview options menu
Figure 2: The Local Toolbar with the view settings additional options dropdown menu expanded.

Simulated Browser Preview

On the Local Toolbar, click the Preview icon (i.e., eyeball) to open the page in a new browser tab. This provides a close approximation to what the page will look like when published. 

If changes are made in the edit panel of pages, re-click the Preview icon or refresh the Preview browser tab to view the changes.


 

Documentation updated: August 20, 2024