Crear una Ventana Emergente en la Página de Producto

¿Por qué Agregar una Ventana Emergente en Su Página de Producto?

Las ventanas emergentes en las páginas de producto son una manera inteligente de entregar detalles adicionales justo donde los clientes los necesitan sin interrumpir su flujo de compra.

• Mejorar la experiencia de compraLos clientes pueden verificar información importante instantáneamente sin salir de la página de producto.
• Elimina la fricción de compra: Detalles como tablas de tallas, información de envío o políticas de devolución aparecen con un solo clic, reduciendo la indecisión.
• Aumenta las conversiones: Un recorrido más fluido y sin interrupciones mantiene a los clientes enfocados en completar su compra.

Las ventanas emergentes son más efectivas cuando proporcionan a los compradores la información correcta en el momento adecuado, tales como:

• Tabla de tallas/guía de ajuste: Los minoristas de moda pueden usar una ventana emergente de guía de tallas para que los clientes puedan verificar rápidamente las medidas sin salir de la página de producto. Esto reduce las devoluciones causadas por problemas de talla.
• Política de envío y devoluciones: Las marcas de belleza a menudo muestran una ventana emergente con detalles de envío y devolución, brindando claridad a los clientes antes del pago y aumentando la confianza.
• Materiales o ingredientes del producto: Las marcas de relojes de lujo destacan especificaciones técnicas en una ventana emergente, ayudando a los compradores a explorar detalles sin saturar la página principal del producto.
• Ofertas por tiempo limitado o promociones: Los minoristas frecuentemente lanzan ventanas emergentes promocionales (p. ej., "Compre 2 y llévese 1 gratis" o "Envío gratis solo hoy") directamente en las páginas de producto para capturar urgencia e impulsar decisiones más rápidas.

¿Cómo Crear una Ventana Emergente en la Página de Producto con GemPages?

En GemPages v7, es más fácil que nunca diseñar su propia ventana emergente que se muestre en una página de producto usando el Elemento Ventana Emergente disponible. Siga estos pasos:

Paso 1: Acceda al Editor de GemPages

• Inicie sesión en su Administración de Shopify y navegue a la aplicación Aplicación GemPages Builder en el Aplicaciones .
• Ve a Páginas > Productos para ver todas sus páginas de producto creadas con GemPages.
• Haga clic en una página de producto objetivo para entrar al editor.

Paso 2: Agrege el elemento y configure su ventana emergente

• Una vez que entre el editor, introduzca “popup" en la barra de búsqueda para encontrar el elemento Ventana Emergente.

• Arrastre y suelte el elemento en su página. Verá su panel de configuración en la barra lateral izquierda.

• Configure la ventana emergente según sus preferencias, tales como:

1. Cambie el tamaño de su ventana emergente en la sección Tamaño . Puede configurarlo a pantalla completa o ajustar a un ancho y alto específicos.
2. Modifique el color o la imagen de fondo en la sección Fondo . Por ejemplo, , puede cargar una imagen de tabla de tallas para crear una ventana emergente de guía de ajuste.
3. Seleccione cuándo aparece su ventana emergente en la sección Condición de visualización: .

Para obtener instrucciones completas sobre cómo configurar el elemento Popup, consulte este artículo.

Paso 3: Guarde y republique su página

• En la esquina izquierda de la barra superior, guarde sus actualizaciones y realice una vista previa para asegurarse de que la ventana emergente se muestre correctamente.
• Haga clic en el botón Publicar para hacer que la ventana emergente esté activa.

Resultado: