Una ventana emergente es una ventana más pequeña que puede abrirse encima de su Flipbook. En el mundo de la programación, esto se conoce como iframe.

Aunque los iframes se pueden utilizar para abrir cualquier tipo de contenido web, la forma más habitual en un Flipbook es para permitir a los visitantes comprar directamente en su tienda web o abrir un localizador de tiendas.

Uno de los beneficios de las ventanas emergentes es la retención de tus usuarios, ya que permiten comprar directamente en tu tienda web sin salir del catálogo.

Los enlaces externos, aunque fáciles de implementar, llevan a tus usuarios a otra pestaña del navegador, incrementando el riesgo de que no vuelvan al catálogo después de visitar una página de producto y desaprovechando la posibilidad de retención.

Ahora que ya sabes qué es una ventana emergente y cuáles son sus ventajas, ya casi estamos listos para empezar. Solo hay que tener en cuenta algunas cosas:

CORS es un encabezado HTTP. Los servidores lo utilizan para reconocer el origen del dominio y permitir/denegar la carga de recursos.

Cuando intentas abrir una ventana emergente que utiliza un dominio diferente al de tu Flipbook, es posible que tu sitio web no lo permita. Si utilizas un subdominio que forma parte del dominio principal de tu marca, evitará la mayoría de estos problemas.

Sin embargo, también es posible abrir diferentes dominios. En las siguientes secciones podrás encontrar más información técnica para lograrlo.

Aunque las ventanas emergentes pueden crearse en el Editor de enriquecimiento, puedes automatizar el proceso mediante una Automatización del enriquecimientos (disponible sólo en Commerce Plus y Enterprise+). Descubre cómo aquí.

Estas son unas opciones para mejorar la experiencia de navegación al usar ventanas emergentes:

1. Enlaza a tu carrito de compra externo

Considera añadir un enlace directo a tu sitio web, para que sus clientes puedan acceder fácilmente al carrito de compra. Puedes hacerlo anulando el comportamiento predeterminado del carrito de compra de iPaper en la Configuración de compra:

2. Implementa una función de cierre en la ventana emergente

Puedes implementar la opción de cerrar la ventana emergente automáticamente una vez que un usuario añada un producto al carrito. Esto requiere un código de JavaScript, fácil de implementar, y que puedes encontrar en nuestra documentación técnica.
​

3. Inserta una versión simplificada de tu sitio web

Con esta opción, se carga una vista más simple y optimizada de tu sitio web en la ventana emergente. Esto mejora la experiencia de usuario y se puede lograr utilizando unos query strings.

Por ejemplo:
​https://www.mywebsite.com/products/myawesomeproduct?simpleview=1&

viewsource=ipaper
​

Sigue leyendo para entender cómo hacerlo con ayuda de nuestra documentación técnica.

Aunque abrir tu tienda en línea dentro del catálogo puede funcionar muy bien, hay que tener en cuenta algunas cosas al usar ventanas emergentes.

Hoy en día, la mayoría de los sitios web bloquean la mayoría de las ventanas emergentes de otros sitios para evitar el clickjacking. Se trata de una medida de seguridad básica para evitar técnicas maliciosas que engañen a los usuarios para que revelen información confidencial. Aunque se trata de una medida de seguridad útil, puede impedir que las ventanas emergentes funcionen como esperamos.

Para evitar estos desafíos, lo mejor es incluir tanto las Opciones X-Frame como una Política de Seguridad de Contenidos para que el navegador sea totalmente compatible. Esto necesitará una pequeña actualización técnica en el servidor de tu sitio web.

En algunos casos, se pierde la información del carrito de compra al abrir y cerrar la ventana emergente. Hay dos formas de solucionar esto:

Aunque las ventanas emergentes se pueden mostrar con dimensiones personalizadas, lo ideal es que el sitio web que contiene el iframe se encargue de redimensionarlo.

Esto significa que, al utilizar dispositivos móviles, el sitio web incrustado debe cambiar de tamaño para adaptarse a la pantalla. Considera que no podemos garantizar resultados óptimos al utilizar ventanas emergentes. Por lo mismo, te recomendamos comprobar que el sitio web incrustado es responsivo y se muestra correctamente en varios tamaños de pantalla.

Las ventanas emergentes admiten el uso de sistemas de pago de terceros para que tus usuarios puedan pagar por sus productos y servicios. Sin embargo, no podemos garantizar que el sistema de pago de tu elección autorice mostrarse en un iframe, especialmente por los desafíos de seguridad presentados anteriormente.

Si quieres usar un sistema de pago de terceros en su marco emergente, comprueba que esta funcionalidad es compatible antes de implementarla.

La configuración de tus ventanas emergentes puede variar mucho dependiendo de las medidas de seguridad actuales de su sitio web. Es recomendable involucrar al departamento informático para que ellos puedan aconsejar las mejores formas de hacerlo. Comparte nuestra documentación técnica para que se puedan familiarizar con todas las posibilidades:
​

Si buscas incrustar tu Flipbook en tu sitio web y habilitar la funcionalidad de compra, considera usar una integración con JavaScript. Por otro lado, si lo que quieres es que tus usuarios compren directamente en el catálogo con un carrito de compra de iPaper y luego, se dirijan a su tienda web, considera usar nuestro Checkout para Exportar la orden. Exportación de tienda:
​