ℹ️ 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 llevar a cabo una campaña de ventas de alto impacto que recoge leads al promover tu oferta? 🛍️

Ventas PopUps están diseñados para promociones, ventas flash y eventos especiales donde desea capturar tanto correos electrónicos como números de teléfono mientras presenta una oferta clara y sensible al tiempo. Vienen con ambos campos de colección habilitados por defecto para que no te pierdas una sola pista.

Esta guía te lleva a través de toda la configuración para que puedas lanzar tu primer PopUp de ventas 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 de ventas

Abrir el Hoppy PopUps app.

Entonces:

→ Crear nuevo PopUp

→ Seleccionar Ventas PopUp de la lista de tipos popup.

La página de configuración se abrirá automáticamente con campos de recogida de correo electrónico y teléfono habilitados por defecto.

📝 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:

• Campaña de venta rápida
• Black Friday Blast
• Popup de limpieza de primavera
• Oferta especial de fin de semana

💡 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 la venta.

Ejemplo

• Título: "Venta de choque - hasta el 50% de descuento"
• Descripción: "Introduzca sus detalles a continuación para desbloquear su descuento exclusivo"

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

📧 Email & Phone Collection

Elige qué campos mostrar en tu popup:

• Mostrar campo de recogida de correo electrónico — captura correos electrónicos de visitantes
• Mostrar número de teléfono campo — captura números de teléfono con selección de código de país

Ambos están habilitados por defecto para la cuenta regresiva PopUps, pero puede ajustarse según sea necesario.

⚙️ Colección adicional " Configuración de cupones "

Esta sección le da control adicional sobre cómo se recopila la información del visitante y cómo se presentan los descuentos dentro del popup.

📩 Email Collection Field Placeholder

Personalizar el texto de marcador de lugar mostrado dentro del campo de entrada de correo electrónico.

Ejemplo

• "Introduzca su correo electrónico"
• "Tu mejor dirección de correo electrónico"

Esto ayuda a guiar a los visitantes sobre la información que deben introducir.

❌ Mensaje de error de correo electrónico

Establecer el mensaje de validación mostrado cuando un visitante entra en una dirección de correo electrónico inválida.

Ejemplo

• "Por favor, introduzca una dirección de correo electrónico válida"

Esto aparece automáticamente si el formato de correo electrónico introducido es incorrecto.

📱 Código del país por defecto

Elija el código por defecto para el campo número de teléfono.

Ejemplo

• Estados Unidos (+1)
• Reino Unido (+44)
• India (+91)

Los visitantes todavía pueden cambiar el país manualmente a menos que estén restringidos.

📞 Número de teléfono Titular

Personalizar el texto del marcador de lugar mostrado dentro del campo número de teléfono.

Ejemplo

• "Introduzca su número de teléfono"
• "Número de móvil"

Esto mejora la claridad y alienta el formato adecuado.

⚠️ Número de teléfono Mensaje de error

Establecer el mensaje mostrado cuando se introduce un número de teléfono inválido.

Ejemplo

• "Por favor, introduzca un número de teléfono válido"

Esto ayuda a los visitantes a entender por qué la presentación falló.

🔘 Texto del botón

Personalizar el texto del botón de llamada a acción que se muestra dentro del popup.

Ejemplo

• "Shop Now"
• "Claim Discount"
• "Oferta de desbloqueo"

Utilizar texto orientado a la acción puede mejorar las conversiones.

🏷️ Mostrar código de cupón

Elija si el código de cupón debe aparecer dentro del popup después de la captura de correo electrónico exitosa.

Opciones disponibles:

• Sí. — muestra el código de cupón a los visitantes
• No — esconde la sección de código de cupones

Esto es útil si los descuentos se aplican automáticamente o se manejan externamente.

ℹ️ El código de cupón sólo se puede mostrar si el correo electrónico se está capturando.

🎟️ Código de cupón

ℹ️ Este campo está disponible una vez Mostrar código de cupón es para cambiar Sí..

Para mostrar un código de cupón, usted puede:

1. Seleccione uno de los códigos de cupón que ha creado en Shopify Admin → Descuentos haciendo clic en Select/Change Discount.
2. Puedes crear uno nuevo haciendo clic en Crear nuevo descuento.

Ejemplo

• SAVE10
• WELCOME20
• COUPON123

💸 Solicitud de descuento

Esta opción controla cómo se aplica el descuento. Tiene dos opciones:

1. El cliente tendrá que aplicar el descuento manualmente — el cliente tendrá que introducir el código de cupones durante el checkout para recibir el descuento.
2. Aplicar descuento automáticamente — el descuento se aplicará automáticamente durante el checkout sin que el cliente tenga que introducir el código de cupón.

⚠️ Importante:

• Nuestra aplicación no crea ni gestiona códigos de cupones/descuentos. Debes crearlos Shopify Admin → Descuentos antes de utilizarlos en el popup.

☑️ Añadir Opt-In Checkbox

Elija si mostrar una casilla de verificación adicional de opción dentro del popup.

Esto se puede utilizar para:

• Consentimiento de comercialización
• consentimiento SMS
• Suscripciones al boletín
• Términos de reconocimiento

Opciones disponibles:

• Sí. — muestra la casilla de verificación
• No - esconde la casilla

❎ Cerrar Icon

Habilitar o deshabilitar el icono cercano mostrado en el popup.

• Enabled — los visitantes pueden cerrar manualmente el popup
• Discapacitados — elimina el icono cercano del popup

Esto ayuda a controlar lo desmisible que debe ser la experiencia popup.

✉️ Mensajes de éxito

Después de que un visitante presente sus detalles, aparece un mensaje de éxito.

• Mensaje de éxito: "¡Bienvenido a nuestra tienda!"

También puede agregar un Éxito Descripción — por ejemplo, instrucciones sobre cómo utilizar el código de cupón que acaban de recibir.

🖱️ 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 - 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 Diseño & Estilo.

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

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

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 de selección avanzada dedicada.

✅ Paso 5 - 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 su oferta de ventas en el momento adecuado
✅ Ambos correos electrónicos y números de teléfono se recogen automáticamente
✅ Los códigos de cupón se muestran después de la presentación
✅ El consentimiento previo es capturado (si está habilitado)
✅ Su popup respeta las reglas de selección, programación y configuración del dispositivo

Su PopUp de ventas está ahora en vivo y listo para conducir conversiones 🚀

Actualizado el: 10/09/2026