Disclaimer: This website requires Please enable JavaScript in your browser settings for the best experience.

HomeDev GuideRecipesAPI Reference
Dev GuideAPI ReferenceUser GuideLegal TermsGitHubNuGetDev CommunityOptimizely AcademySubmit a ticketLog In
Dev Guide

Preview an experience

How to preview an experience in Visual Builder in Optimizely CMS (SaaS).

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. 

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.

Preview as desktop device

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

  • Desktop view light mode

  • Desktop view dark mode


Preview as tablet device

Preview as mobile device