---
url: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/editing/preview-mode'
title: 'Mira tu página como la ven las visitas | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:11:07+00:00'
updated: '2026-10-24T06:21:55+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'La vista previa oculta cada barra de controles y botón de añadir, así ves la página como la verán tus visitas. Úsala para comprobar un diseño antes de guardar: también muestra tus cambios sin guardar. El vídeo previsualiza una sección terminada, vuelve a editar, guarda y luego activa la vista previa con el teclado.'
tags:
  - 'Een pagina bewerken'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T06:21:55+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Mira tu página como la ven las visitas'
      description: 'La vista previa oculta cada barra de controles y botón de añadir, así ves la página como la verán tus visitas. Úsala para comprobar un diseño antes de guardar: también muestra tus cambios sin guardar. El vídeo previsualiza una sección terminada, vuelve a editar, guarda y luego activa la vista previa con el teclado.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T00:11:07+0000'
      dateModified: '2026-10-24T06:21:55+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/es/hc/documentation/learn-dxpr-builder/editing/preview-mode'
      articleSection: 'Een pagina bewerken'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/editing/preview-mode'
      description: 'La vista previa oculta cada barra de controles y botón de añadir, así ves la página como la verán tus visitas. Úsala para comprobar un diseño antes de guardar: también muestra tus cambios sin guardar. El vídeo previsualiza una sección terminada, vuelve a editar, guarda y luego activa la vista previa con el teclado.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://dxpr.com/es'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: es
---
[Help Center](/es/hc)/[Documentation](/es/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Een pagina bewerken](/hc/documentation/learn-dxpr-builder/editing) # Mira tu página como la ven las visitas.

 Learn DXPR BuilderBuild pagesEen pagina bewerken

   ## In this guide

 Related guides

- [Guarda y publica](/es/hc/documentation/learn-dxpr-builder/editing/save-and-publish)
- [Edita una página en tu teléfono o tableta](/es/hc/documentation/learn-dxpr-builder/editing/mobile-editing)
- [Haz que tu diseño funcione en teléfonos](/es/hc/documentation/learn-dxpr-builder/design/responsive-design)

La vista previa oculta cada barra de controles y botón de añadir, así ves la página como la verán tus visitas. Úsala para comprobar un diseño antes de guardar: también muestra tus cambios sin guardar. El vídeo previsualiza una sección terminada, vuelve a editar, guarda y luego activa la vista previa con el teclado.

  ## Cambia a vista previa y vuelve

1. Haz clic en el **icono del ojo** en la barra de herramientas de DXPR y elige **Preview** en el menú de vista.
2. Comprueba la página: las barras de controles y los botones de añadir están ocultos, como para las visitas.
3. Abre el menú de vista de nuevo y elige **Edit** para seguir trabajando. Tus cambios sin guardar se conservan.
4. Haz clic en **Save** para guardar la página.

También puedes pulsar **Ctrl+Shift+P** (**Cmd+Shift+P** en un Mac) para activar y desactivar la vista previa.

## Lo que ves

- **Sin ayudas de edición.** Las barras de controles, los contornos de hover, los botones de añadir y el contorno del elemento seleccionado desaparecen.
- **Un ojo rojo en la barra de herramientas.** Mientras la vista previa está activa, el icono del ojo en la barra de herramientas de DXPR se muestra tachado en rojo. La barra permanece, así puedes volver en cualquier momento.
- **Sin edición de texto.** Hacer clic en un texto no abre el editor de texto hasta que eliges **Edit** de nuevo.

El constructor recuerda tu elección en este navegador. Si dejas una página en vista previa, la próxima página que edites también se abre en vista previa.

## Comprueba pantallas estrechas

Cambia a vista previa y estrecha la ventana de tu navegador. Las filas nuevas ponen sus columnas lado a lado desde el ancho de tableta hacia arriba y las apilan en teléfonos. Comprueba que cada columna apilada siga leyéndose bien. [Haz que tu diseño funcione en teléfonos](/hc/documentation/learn-dxpr-builder/design/responsive-design) muestra cómo cambiar esto por tamaño de pantalla.

## Vista previa o página publicada

La vista previa muestra lo que hay ahora en el editor, guardado o no. Las visitas ven la última versión guardada, y solo cuando la página está publicada. Para ver la página exactamente como la ve una visita, ábrela en una ventana privada del navegador.

## Si no ves la vista previa

- **La página se abre sin barras de controles.** Dejaste la última página en vista previa y el constructor conservó esa elección. Abre el menú de vista y elige **Edit**.
- **El atajo no hace nada.** Los atajos se pausan mientras el cursor está en un texto que editas. Haz clic fuera del texto y pulsa **Ctrl+Shift+P** de nuevo.
- **Las visitas no ven lo que muestra la vista previa.** La vista previa incluye cambios sin guardar, y las visitas solo ven una página publicada. Haz clic en **Save** y publica la página como se describe en [Guarda y publica](/es/hc/documentation/learn-dxpr-builder/editing/save-and-publish).

## ¿Qué sigue?

- [Guarda y publica](/es/hc/documentation/learn-dxpr-builder/editing/save-and-publish): guarda tus cambios y hazlos visibles para las visitas.
- [Edita una página en tu teléfono o tableta](/es/hc/documentation/learn-dxpr-builder/editing/mobile-editing): qué cambia en el editor en una pantalla táctil.
- [Haz que tu diseño funcione en teléfonos](/hc/documentation/learn-dxpr-builder/design/responsive-design): controla cómo se adapta tu diseño a cada tamaño de pantalla.