ℹ️ 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 crecer tu lista de suscriptores con un popup limpio y enfocado? ✨

Email Capture PopUps son perfectos para boletines, ofertas de bienvenida y la construcción de su audiencia de marketing. Están diseñados para hacer la colección de correo electrónico sin esfuerzo - con un campo de teléfono opcional si también desea capturar números para campañas SMS.

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

Abrir el Hoppy PopUps app.

Entonces:

→ Crear nuevo PopUp

→ Seleccionar Email Capture PopUp de la lista de tipos popup.

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

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

• Newsletter
• Oferta de bienvenida Popup
• Captura de lista VIP
• Blog Suscriptor Bar

💡 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 de la suscripción.

Ejemplo

• Título: "Únete a nuestra newsletter"
• Descripción: "Sé el primero en saber sobre nuevas llegadas y ofertas exclusivas"

Puede personalizar estos para que coincida con su voz de marca.

📧 Email Collection Field

El campo de correo electrónico está habilitado por defecto para este tipo de popup. Puede personalizar:

• Texto del titular — por ejemplo, "Introduzca su correo electrónico"
• Mensaje de error — por ejemplo: "Por favor, introduzca una dirección de correo electrónico válida"

Este es el campo primario con el que tus visitantes interactuarán.

📱 Número de teléfono Campo (opcional)

Habilitación Mostrar número de teléfono Campo si también desea recoger los números de teléfono para el marketing de SMS.

Cuando está habilitado, puede establecer:

• Código del país predeterminado - preseleccionar el país en el que tu público está
• Texto del titular - por ejemplo "Introduzca su número de teléfono"
• Mensaje de error — por ejemplo: "Por favor, introduzca un número de teléfono válido"

💡 Esto es genial si ejecuta campañas SMS junto con el email marketing.

⚙️ 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, o qué esperar después de su boletín informativo.

🖱️ 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 pestaña para controlar cuándo y dónde aparece tu PopUp de Captura de Email.

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 un formulario de registro de correo electrónico limpio y enfocado
✅ Los correos electrónicos se recogen automáticamente en su lista de suscriptores
✅ Los números de teléfono son capturados también (si está habilitado)
✅ Los códigos de cupón se muestran después de la presentación (si está habilitado)
✅ Su popup respeta las reglas de selección, programación y configuración del dispositivo

Tu correo electrónico PopUp ahora está en vivo y creciendo tu lista 🚀

Actualizado el: 10/09/2026