> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Uso del modo de vista previa del banner en vivo

### Descripción general

La función **Preview on store** te permite compartir una vista previa en vivo de los cambios de tu banner con compañeros, desarrolladores o clientes que no tienen acceso a la app de Pandectes ni a tu administrador de Shopify. Ahora puedes mostrarles los cambios en modo en vivo sin actualizar la página.

En lugar de usar solo la vista previa dentro de la app de Pandectes, esta función abre tu tienda en una ventana de navegador independiente y la conecta con el editor del banner. Esto te ayuda a revisar la posición, el diseño, el contenido y el comportamiento del banner en __tiempo real__ en el entorno de tu tienda, sin afectar a tus clientes.

La función funciona de forma similar al Tag Assistant de Google, donde se abre un modal de ayuda en la página que ofrece información adicional sobre la conexión entre la URL de vista previa y la aplicación de Pandectes en el administrador de la tienda.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/live-preview-1_85711m.png =800x517)
### Cómo funciona

Cuando inicias la vista previa, Pandectes abre tu tienda con un parámetro de vista previa temporal en la URL.

Ejemplo:

`https://[your-store].myshopify.com/?pandectesLivePreview=[preview-token]`

Este parámetro de vista previa indica a la tienda que cargue el modo de vista previa en vivo de Pandectes. Cuando la conexión está activa, aparece un panel **Pandectes preview** en la tienda.

Los cambios realizados en los ajustes del banner se reflejan en la ventana de vista previa en tiempo real. Los visitantes habituales de la tienda no se ven afectados por la vista previa.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-07-02-at-21115_i1aglt.png =800x486)

### Qué puedes probar

Usa la vista previa de la tienda en vivo para comprobar:

* Cómo aparece el banner en la tienda real
* El comportamiento del diseño en escritorio y en móvil
* La posición y el espaciado del banner
* El comportamiento del aviso de cookies y del diálogo de preferencias
* La visibilidad del widget de consentimiento
* Los cambios de texto, colores, botones y estilos
* Cómo aparece el banner junto con tu tema activo

### Compartir la vista previa

El panel de vista previa incluye la opción **Share link**.

Usa este enlace para compartir la vista previa con compañeros antes de publicar los cambios del banner. El enlace compartido abre la tienda con el mismo parámetro de vista previa.

En las tiendas protegidas con contraseña, es posible que tus compañeros también necesiten la contraseña de la tienda antes de poder acceder a la vista previa.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/live-preview-2_lc4zst.png =800x468)
### Acciones del panel de vista previa

Cuando la vista previa en vivo está conectada, el panel de vista previa muestra que el estado **Banner preview connected** está activo.

Desde este panel puedes:

* Confirmar que la vista previa en vivo está conectada
* Copiar un enlace de vista previa para compartir
* Salir de la vista previa cuando termines de probar

### Preguntas frecuentes y notas

**¿Esto publica mis cambios?**
No. La vista previa en vivo se usa para probar. No publica los cambios en borrador del banner para los visitantes habituales.

**¿Por qué tengo que introducir la contraseña de la tienda?**
Shopify bloquea el acceso a las tiendas protegidas con contraseña hasta que se introduce la contraseña. La vista previa de Pandectes solo puede conectarse después de que se cargue la página de la tienda.

**¿Puedo compartir la vista previa con otra persona?**
Sí, usa **Share link** en el panel de vista previa. Compártelo solo con las personas que deban revisar el banner en borrador. Si la tienda está protegida con contraseña, es posible que también necesiten la contraseña de la tienda.

**¿Qué pasa si la ventana de vista previa no se abre?**
Comprueba si tu navegador bloqueó la ventana emergente. Permite las ventanas emergentes para la app de Pandectes e inténtalo de nuevo.