---
title: "Preview a webpage"
slug: "preview-a-webpage"
abstract: "Use the preview functionality to preview your website without publishing it first."
---
# Preview a webpage

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](https://doc.sitecore.com/xp/en/users/91/sitecore-experience-platform/set-up-publishing-restrictions-for-an-item.html "Set up publishing restrictions for an item") that you have set up.
- See how a webpage looks in different language versions.
- Preview how the page displays on different devices.

We recommend that you only preview items that are *publishable*. That is, when:

- The **Publishable from** field is set to today's date or earlier.
- The **Publishable to** field is set to today's date or later
- The item is in the final workflow state.

If you try to preview an item that isn't publishable, you'll get an an error. That's because the preview simulates what can be published immediately.

This topic outlines how to:

- [Preview a page from the Content Editor or the Experience Editor](https://doc.sitecore.com/xp/en/users/91/sitecore-experience-platform/preview-a-webpage.html#UUID-1fe0a16b-1a7b-20dc-72e3-b3d0799aac51_id__Preview_a_page "Preview a page from the Content Editor or the Experience Editor")
- [Preview a page in the Device Simulator](https://doc.sitecore.com/xp/en/users/91/sitecore-experience-platform/preview-a-webpage.html#UUID-1fe0a16b-1a7b-20dc-72e3-b3d0799aac51_id__Preview_a_page_1 "Preview a page in the Device Simulator")
- [Preview the default website from the Sitecore Desktop](https://doc.sitecore.com/xp/en/users/91/sitecore-experience-platform/preview-a-webpage.html#UUID-1fe0a16b-1a7b-20dc-72e3-b3d0799aac51_section-5c1cae5595b3e-idm45554940918944 "Preview the default website from the Sitecore Desktop")

<details>
<summary><h2>Preview a page from the Content Editor or the Experience Editor</h2></summary>

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 **Other**, **Preview**.
    - 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.

        ![The Experience tab in the ribbon](https://doc.sitecore.com/api/markdown-image/xp/en/users/91/sitecore-experience-platform/images/F127026848454962B44892881A150C97.png)

    - **Language** – to view the page in a different language, on the **Versions** tab, in the **Language** group, click **Language** ![095E7078BA594AAE9CEEDC84E2A06F07.png](https://doc.sitecore.com/api/markdown-image/xp/en/users/91/sitecore-experience-platform/images/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.

</details>

<details>
<summary><h2>Preview a page in the Device Simulator</h2></summary>

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.

    ![The device selector in the Simulator group](https://doc.sitecore.com/api/markdown-image/xp/en/users/91/sitecore-experience-platform/images/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.

    ![The Simulator in iPad mode](https://doc.sitecore.com/api/markdown-image/xp/en/users/91/sitecore-experience-platform/images/ED09BF35965F42B8BC6EF7598D0B6B44.png)

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

    ![The Default device option](https://doc.sitecore.com/api/markdown-image/xp/en/users/91/sitecore-experience-platform/images/AF7E24C7839841C99A5DA00B09D47C67.png)

</details>

<details>
<summary><h2>Preview the default website from the Sitecore Desktop</h2></summary>

You can preview your website from the Sitecore Desktop.

To preview a website from the Sitecore Desktop:

- In the Sitecore Desktop menu, click **Preview**.

    ![The Sitecore Desktop menu](https://doc.sitecore.com/api/markdown-image/xp/en/users/91/sitecore-experience-platform/images/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.)

</details>