---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/editing/preview-mode'
title: 'See your page as visitors do | DXPR'
author:
  name: docs-sync
  url: 'https://dxpr.com/users/docs-sync'
date: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Hide the control bars and see your page as visitors will, unsaved changes included'
tags:
  - 'Edit a page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'See your page as visitors do'
      description: 'Hide the control bars and see your page as visitors will, unsaved changes included'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T14:31:17+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/editing/preview-mode'
      articleSection: 'Edit a page'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/editing/preview-mode'
      description: 'Hide the control bars and see your page as visitors will, unsaved changes included'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Edit a page](/hc/documentation/learn-dxpr-builder/editing) # See your page as visitors do.

Hide the control bars and see your page as visitors will, unsaved changes included

 Learn DXPR BuilderBuild pagesEdit a page

   ## In this guide

 Related guides

- [Save and publish](/hc/documentation/learn-dxpr-builder/editing/save-and-publish)
- [Mobile editing](/hc/documentation/learn-dxpr-builder/editing/mobile-editing)
- [Responsive design](/hc/documentation/learn-dxpr-builder/design/responsive-design)

Preview hides every control bar and plus button, so you see the page the way your visitors will. Use it to check a layout before you save: it shows your unsaved changes too. The video previews a finished section, switches back to editing, saves, then turns Preview on with the keyboard.

  ## Switch to preview and back

1. Click the **eye icon** on the DXPR toolbar and choose **Preview** from the view menu.
2. Check the page: the control bars and plus buttons are hidden, as they are for visitors.
3. Open the view menu again and choose **Edit** to keep working. Your unsaved changes are kept.
4. Click **Save** to store the page.

You can also press **Ctrl+Shift+P** (**Cmd+Shift+P** on a Mac) to switch Preview on and off.

## What you see

- **No editing aids.** Control bars, hover outlines, plus buttons and the outline of the selected element are gone.
- **A red eye on the toolbar.** While Preview is on, the eye icon on the DXPR toolbar shows crossed out in red. The toolbar stays, so you can switch back at any time.
- **No text editing.** Clicking a text does not open the text editor until you choose **Edit** again.

The builder remembers your choice in this browser. If you leave a page in Preview, the next page you edit opens in Preview too.

## Check narrow screens

Switch to Preview and make your browser window narrower. New rows place their columns side by side from tablet width up and stack them on phones. Check that each stacked column still reads well. [Responsive design](/hc/documentation/learn-dxpr-builder/design/responsive-design) shows how to change this per screen size.

## Preview or published page

Preview shows what is in the editor right now, saved or not. Visitors see the last saved version, and only once the page is published. To see the page exactly as a visitor does, open it in a private browser window.

## If you don't see the preview

- **The page opens without any control bars.** You left the last page in Preview, and the builder kept that choice. Open the view menu and choose **Edit**.
- **The shortcut does nothing.** Shortcuts pause while your cursor is in a text you are editing. Click outside the text, then press **Ctrl+Shift+P** again.
- **Visitors do not see what Preview shows.** Preview includes unsaved changes, and visitors only see a published page. Click **Save**, then publish the page as described in [Save and publish your page](/hc/documentation/learn-dxpr-builder/editing/save-and-publish).

## What's next?

- [Save and publish your page](/hc/documentation/learn-dxpr-builder/editing/save-and-publish): store your changes and make them visible to visitors.
- [Edit a page on your phone or tablet](/hc/documentation/learn-dxpr-builder/editing/mobile-editing): what changes in the editor on a touch screen.
- [Responsive design](/hc/documentation/learn-dxpr-builder/design/responsive-design): control how your layout adapts to each screen size.