Preview an experience

  • Updated

The preview panel displays the experience as you build it. It can display any content for any channel.  Visual Builder integrates the Outline and Preview panels so that hovering over a section in the Outline panel also highlights the corresponding section in the Preview panel and vice versa. 

Visual Builder preview panel

When you click on an element in the Preview panel, the section opens in the Outline panel for you to work on.

Adjust panel size

If you need more space, perhaps to edit, drag the vertical bar between the panels to resize them.

Visual Builder adjust preview panel

Preview as desktop, tablet, or mobile devices

Click the view icons to display your content in mobile, tablet, or desktop views. (You cannot create custom view options at this time.)

Visual Builder preview icons

  • Desktop view light mode

    Visual Builder desktop light mode

  • Desktop view dark mode

    Visual Builder desktop dark mode

  • Tablet view

    Visual Builder preview tablet light mode

  • Mobile view

    Visual Builder preview mobile light mode