Uso del modo de vista previa del banner en vivo
Resumen
La función Preview on store te permite compartir una vista previa en vivo de los cambios del banner con compañeros de equipo, desarrolladores o clientes que no tienen acceso a la app de Pandectes ni al admin de Shopify. Ahora puedes enseñarles los cambios en modo en vivo sin recargar 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 independiente del navegador y la conecta con el editor del banner. Así puedes revisar en tiempo real la posición, el diseño, el contenido y el comportamiento del banner en el entorno de tu tienda, sin afectar a tus clientes.
Funciona de forma parecida a Tag Assistant de Google: se abre un modal de ayuda en la página con información adicional sobre la conexión entre la URL de la vista previa y la app de Pandectes en el admin de la tienda.
Iniciar la vista previa
- Abre Shopify Admin > Apps > Pandectes GDPR Compliance.
- Ve a Cookie banner.
- Desplázate hasta la tarjeta Preview on store, debajo de la vista previa integrada.
- Haz clic en Start preview. Tu tienda se abre en una ventana independiente del navegador.
- Sigue cambiando los ajustes del banner. La ventana de la tienda se actualiza en tiempo real. Haz clic en Stop preview cuando termines.
La tarjeta muestra tres insignias: External window, Real-time syncing y Shareable URL. Si tu tienda tiene contraseña, la tarjeta te recuerda que introduzcas la contraseña y vuelvas a iniciar la vista previa.
Cómo funciona
Al iniciar la vista previa, Pandectes abre tu tienda con un parámetro temporal de vista previa en la URL.
Ejemplo:
https://[your-store].myshopify.com/?pandectesLivePreview=[preview-token]
Ese parámetro indica a la tienda que cargue el modo de vista previa en vivo de Pandectes. Cuando la conexión está activa, aparece en la tienda un panel Pandectes preview.
Los cambios en los ajustes del banner se reflejan en tiempo real en la ventana de vista previa. Los visitantes habituales de la tienda no se ven afectados por la vista previa.
Qué puedes probar
Usa la vista previa en vivo de la tienda 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
- 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 una opción Share link.
Usa este enlace para compartir la vista previa con tus 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 los compañeros también necesiten la contraseña de la tienda para acceder a la vista previa.
Acciones del panel de vista previa
Cuando la vista previa en vivo está conectada, el panel 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 sirve 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 cargue la página de la tienda.
¿Puedo compartir la vista previa con otra persona?
Sí, usa Share link desde el panel de vista previa. Compártela solo con quienes deban revisar el borrador del banner. Si la tienda tiene contraseña, es posible que también necesiten la contraseña.
¿Qué pasa si no se abre la ventana de vista previa?
Comprueba si el navegador bloqueó la ventana emergente. Permite las ventanas emergentes para la app de Pandectes e inténtalo de nuevo.
Actualizado el: 27/10/2026
¡Gracias!