Preview a webpage

Abstract

Use the preview functionality to preview your website without publishing it first.

The preview functionality lets you preview all your items on your website before you publish them.

The preview functionality lets you:

  • Specify a preview date, so that you can see how your website looks at a point in the past or future, according to the publishing restrictions that you have set up.

  • See how a webpage looks in different language versions.

  • Preview how the page displays on different devices.

This topic outlines how to:

You can preview the currently selected page in preview mode.

To preview a webpage:

  1. Open the preview mode from either the Experience Editor or the Content Editor:

    • On the Experience Editor ribbon, in the Mode group, click OtherPreview.

    • In the Content Editor, on the Publish tab, in the Publish section, click Preview.

  2. Select the preview parameters:

    • Date - to view how the page will appear on a different date, on the Experience tab, in the Date group, click the date, or click the blue arrows to select the previous day or the next day.

      F127026848454962B44892881A150C97.png
    • Language – to view the page in a different language, on the Versions tab, in the Language group, click Language 095E7078BA594AAE9CEEDC84E2A06F07.png and select the language that you want from the list that appears.

      Note

      You must have the necessary security permissions to access the Versions tab.

  3. Navigate through the pages to preview your whole website.

    Tip

    In the preview mode, you can also use the search functionality to navigate to a specific page that you want to preview.

The Device Simulator lets you preview your website in a simulation of a different device, such as an iPhone, iPad, Android Phone, or Blackberry.

The Device Simulator is not a pixel-perfect rendition of the website as it appears on each device. However, it gives you a good indication of how the device presents the website and it lets content authors quickly see how pages look on mobile devices.

To preview a page in the Device Simulator:

  1. In the Experience Editor, on the Experience tab, in the Mode group, click Other,  Preview.

  2. In the Simulator group, click the device icon and select a device.

    AED0D45DE8374408B66805DFF7EF98A3.png
  3. In the Device Simulator, all the navigation remains fully functional. You can:

    • Browse through the website.

    • Click Rotate to change the orientation of the device.

    • Scroll up and down, as well as left and right.

    ED09BF35965F42B8BC6EF7598D0B6B44.png
  4. To return to the default page preview, click the device icon and in the drop-down menu, click None.

    AF7E24C7839841C99A5DA00B09D47C67.png

You can preview your website from the Sitecore Desktop.

To preview a website from the Sitecore Desktop:

  • In the Sitecore Desktop menu, click Preview.

    Desktop_start_menu.png

Sitecore displays a preview of the default website in a new window.

Note

If you do not have permission to view the default website, you receive an error message. (An administrator can change the Preview.DefaultSite setting in the sitecore.config file. The configuration applies to all users.)