Preview your experience in UI Builder to see how it looks and functions while building an experience. Previewing helps ensure that your experience works as expected, that the data resources are available, and that the layouts are set up correctly.

Test your page

You can test your page as the developer or see it as it would appear to an end user. Previewing doesn't require saving first.

Note: Previewing inactive variants and page collections (sub pages) isn't currently supported.

You can test various aspects of your page.

  • Test the variant that you're currently working on, including modals, viewports, and dynamic data by selecting the Preview button, which opens an overlay.

  • Test with different data by changing the test values and selecting Apply. For more information, see Test values in a page.

  • See what the variant looks like at different screen widths by selecting a value from the Width drop-down list.

    Width drop down list expanded to show available width sizes for testing
Note: If you edit the test values or the width when previewing, the new test values and width are retained when you view the page variant in the editor. For example, if you changed the width to a larger size while previewing, the page variant is displayed in the editor at the new, larger size.

When you have finished testing, select the X in the upper right to close the overlay.

Test your page as an end user

Test which variant users see by opening the URL path. Select the arrow next to the Preview button and in the drop-down list select Open URL path. UI Builder checks the audience, conditions, and condition order, and then opens the appropriate variant in a new browser tab. When you have finished testing, close the tab.