ℹ️ Note: Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

¿Quieres aumentar tu valor promedio de pedido sugiriendo los productos adecuados en el momento adecuado? 🚀

Upsell PopUps te permite recomendar productos directamente dentro de un popup, ya sea a través de sugerencias impulsadas por AI o artículos a mano, para que los compradores puedan añadir más a su carrito sin salir de la página.

Esta guía te lleva a través de toda la configuración para que puedas lanzar tu primer Upsell PopUp en minutos.

✅ Antes de comenzar — Activar la aplicación Embed

Para que cualquier popup aparezca en su escaparate, la aplicación debe estar habilitada dentro de su Shopify tema.

Ve a:

Shopify Admin → Canales de Venta → Tienda Online → Temas → Editar Tema → App Embeds

Entonces:

• Encontrar Hoppy Popups
• Toggle it ON
• Haga clic Guardar

ℹ️ Sin este paso, su popup no rendirá en el escaparate incluso después de publicar.

⚙️ Paso 1 - Crear un nuevo PopUp Upsell

Abrir el Hoppy PopUps app.

Entonces:

→ Crear nuevo PopUp

→ Seleccionar Upsell PopUp de la lista de tipos popup.

La página de configuración se abrirá automáticamente con campos adaptados para campañas de upsell.

📝 Paso 2 - Configurar el Contenido

Después de abrir la página de configuración, aterrizarás dentro de la Índice tab. Esta sección controla lo que ven tus visitantes y cómo interactúan con el popup.

🏷️ Nombre del popup

Este campo se utiliza sólo para fines internos. Los clientes nunca verán este nombre.

Puede utilizar cualquier nombre reconocible como:

• Summer Upsell Campaign
• Black Friday Booster
• Recomendación del producto
• Checkout Upsell

💡 Usando el nombre interno adecuado hace más fácil identificar las configuraciones más tarde, especialmente si su tienda ejecuta múltiples campañas.

💬 Título " Descripción

Estos aparecen en la parte superior de su popup y deben comunicar claramente el valor.

Ejemplo

• Título: "Completa tu mirada"
• Descripción: "Los clientes también compraron estos artículos"

Puede personalizar estos para que coincida con su voz de campaña.

❌ Cerrar Icon

El Cerrar Icon configuración le permite controlar si los clientes pueden cerrar manualmente el popup.

Esta función incluye una opción de checkbox/toggle que puede:

• ✅ Mostrar el icono cercano
• ❌ Ocultar el icono cercano

Cuando esté habilitado:

→ Los clientes verán un icono cercano en el popup
→ Los clientes pueden desestimar manualmente el popup cuando quieran

Cuando esté deshabilitado:

→ El icono cercano no aparecerá
→ Los clientes no podrán cerrar manualmente el popup usando el botón de cierre

⚠️ Importante:

Desactivar el Close Icon puede aumentar la visibilidad del popup, pero también puede afectar la experiencia del cliente si el popup se vuelve difícil de desestimar.

Generalmente recomendamos mantener habilitado el Close Icon a menos que una campaña específica requiera otra cosa.

🖱️ Button Click Behavior

ℹ️ Esta opción está disponible sólo cuando "Mostrar campo de correo electrónico" " Mostrar número de teléfono Campo " no se controlan.

Permite controlar lo que sucede cuando un visitante hace clic en el botón CTA dentro del popup. Maneja cualquiera de los siguientes:

1. Cerrar Popup - el popup cerrará
2. Código de cupón de reversión — el código de cupón se revelará al visitante, pero habrá establecido el código de cupón como se describe anteriormente en la sección "Mostrar código de cupón".
3. Redirect to Link — seleccionar esto le daría un campo de entrada llamado "Link" donde puede especificar la URL a la que el visitante será redireccionado

☁️ Botón de acción flotante

Puedes agregar un Botón de acción flotante que se mantiene visible en la página para que los visitantes puedan reabrir el popup después de cerrarlo.

Elija una posición:

• Bien.
• Tema izquierdo
• Pantalla derecha
• Pantalla izquierda

Entonces entra en el Texto del botón — por ejemplo "Open Offer", "Get Discount", o "Learn More".

Para desactivar completamente el botón flotante, seleccione Desactivar botón de acción flotante.

🔄 Paso 3 - Configure Upsell Products

Muévete a la Upsell pestaña para controlar qué productos se recomiendan dentro del popup.

Este es el núcleo de tu Upsell PopUp — aquí es donde decides lo que ven los compradores.

📦 Upsell Tipo

Seleccione cómo se deben generar las recomendaciones del producto:

• AI Upsell (Frequently Bought Together) usos Shopify's motor de recomendación para sugerir automáticamente productos relacionados o complementarios basados en lo que el cliente está viendo.

ℹ️ Esta opción no funcionará en la página principal porque depende del contexto del producto.

• Productos específicos de Upsell — manualmente elija los productos exactos que desea recomendar.
• Upsell colecciones específicas — Mostrar productos de colecciones seleccionadas.
• Upsell mismo producto (Como en la página de producto) — muestra el mismo producto que el cliente está viendo actualmente, útil para fomentar compras basadas en la cantidad.

🎯 Tipo de recomendación (AI Upsell solamente)

Si seleccionas AI Upsell, elegir el estilo de recomendación:

• Productos relacionados — sugiere elementos similares a los de contexto
• Productos complementarios de Upsell — sugiere elementos que se unen bien juntos

Usted puede gestionar estas recomendaciones utilizando Shopify's Search & Discovery app.

🖼️ Producto Grid Layout

Controla cómo se muestran los productos de upsell:

• Número de columnas en el escritorio — cuántos productos aparecen de lado a lado en el escritorio
• Número de columnas en móvil — cuántos productos aparecen lado a lado en el móvil

🔢 Max No. de Productos

Establece el número máximo de productos para mostrar en la rejilla upsell. Esto ayuda a mantener el popup limpio y enfocado.

💡 Disponible al utilizar AI Upsell o colecciones específicas.

🛒 Texto del botón de llamada a la acción

Configurar el texto del botón de upsell para dos estados:

• Texto del botón (Antes de añadir al carrito) - por ejemplo "Añadir al carrito"
• Texto del botón (Después de añadir a la cesta) - por ejemplo "Añadir otro"

Esto da a los clientes clara retroalimentación después de interactuar con una recomendación.

🎨 Paso 4 - Diseña tu PopUp (opcional)

Cambiar a la Diseño pestaña para ajustar:

• Posición de popup, tamaño y animación
• Colores de fondo, gradientes o imágenes
• Fuentes, estilos de botones y radio de esquina

💡 Puedes saltar este paso si el look predeterminado ya coincide con tu tienda.

Para un paseo completo de todas las opciones de diseño, vea la documentación dedicada PopUps - Design & Styling [Link].

🖱️ Paso 5 - Establecer las reglas de la pantalla del desencadenante

Muévete a la Placement/Targeting ficha para controlar cuándo y dónde aparece tu Upsell PopUp.

Ajustes clave que encontrará:

• Tipo de desencadenante — After Time, Page Scroll, Exit-intent, Add to cart button clicked or After page views
• Frecuencia de visualización — Show every time, once per visit, or limit with a frescodown
• Página — Cada página, solo en casa, productos específicos, colecciones o etiquetas
• Atención al cliente — Estado de inicio de sesión, etiquetas al cliente, vida pasada
• Geolocalización - Todos los países del mundo o determinados
• Programación - Fechas de inicio y finalización opcionales

Para explicaciones profundas de cada opción de destino, consulte la documentación dedicada a las opciones de segmentación avanzada PopUp [Link].

✅ Paso 6 - Guardar & Publish

Una vez que todo se ve bien:

1. Haga clic Guardar para almacenar su configuración
2. Haga clic Publish para hacer el popup en vivo en tu escaparate

⚠️ Salvar solo no hace visible el popup a los clientes. Debes publicarlo.

Si la aplicación embed aún no está habilitada, un banner le recordará que la active en su Shopify editor de tema.

🎉 Resultado final

Una vez configurado con éxito:

✅ Los visitantes ven las recomendaciones de productos relevantes dentro del popup
✅ Los correos electrónicos y los números de teléfono se recogen automáticamente (si está habilitado)
✅ Los compradores pueden añadir productos upsell directamente a su carrito
✅ Su popup respeta las reglas de selección, programación y configuración del dispositivo
✅ Valor medio del pedido mejora a través de sugerencias de productos inteligentes

Su Upsell PopUp está ahora vivo y listo para crecer sus ventas 🚀

Actualizado el: 10/09/2026