Skip Navigation

Preview Content

In Optimizely, you can preview content while you are editing to view content as visitors will see it when published. The preview button preview.png hides the surrounding on-page editing frames and panes which allow you to navigate throughout the website.

The preview option can display different things depending on how you are working with Optimizely CMS:

  • You cannot preview blocks & documents  - Blocks must be added to a page to view its preview.
  • You can preview image assets - Preview of images displays the actual size of the asset. 
  • If you are not using projects - The preview option displays the primary draft version of each page. If you are not in a project you are editing the primary draft.
    Project-None.png
  • You are using the projects feature - The preview option displays the active project drafts. Note: for page templates: School General Detail Page & School Faculty Detail Page you must set the page as the primary draft to preview your edits.

Setting Primary Draft

This only applies while working within the project feature and working with templates: School General Detail Page or School Faculty Detail Page

  1. Select the page template from the navigation pane.
  2. Edit/Update the page as needed.
  3. Select & highlight the "new" draft of the page in the Versions Gadget.
    Versions-Gadget-Select.png
  4. Select the gadgets "More Options" menu and choose "Set as primary draft"
    Versions-Gadget-Primary.png
  5. Preview the page to view edits/updates.

Preview Options

It is a good idea to preview your page in a mobile device view. You can do this by using the Inspect option in your browser. To use the Inspect feature follow these steps.

  1. Select Preview
  2. Right click in an open area of your page preview.
  3. Select Inspect (at the bottom)

    Preview-options-right-click-mouse-select-Inspect
  4. Change your mobile device preview using the top menu.

    change device type preview under device drop down menu

  5. To close the Inspect feature, click the X in the upper right corner.

    Close Inspect by clicking X in upper right corner