ℹ️ 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 recoger correos electrónicos, números de teléfono o detalles personalizados justo cuando los compradores están más comprometidos? 📝

Eso es exactamente lo que Formulario de Popup dentro Hoppy Popups está construido para. Le permite crear un formulario de registro totalmente personalizable que aparece en cualquier lugar de su tienda — y convierte visitantes casuales en suscriptores que puede comercializar para más tarde ✨

Con un formulario de Popup, puede recoger:

• 📧 Dirección de correo electrónico para su newsletter
• 📱 Números de teléfono para actualizaciones de SMS
• 🎂 Detalles personalizados como cumpleaños, preferencias o tamaños
• 🎁 Recompensa nuevos registros con un código de descuento automático

Esta guía te lleva a través de la configuración de tu primer formulario de Popup paso a paso, utilizando sólo los ajustes que realmente necesitas para conseguirlo en vivo.

⚠️ Antes de empezar

Antes de configurar su formulario de Popup, asegúrese de:

• El Hoppy Popups app está instalada en tu Shopify tienda
• El App Inserted está habilitado en su tema (configuración de una sola vez - cubierto abajo)
• Sabes qué información quieres recoger de los compradores

Opcional, pero útil para decidir antes de tiempo:

• 🎁 Un código de descuento que te gustaría recompensar nuevos suscriptores con
• 🔗 Donde los suscriptores deben ser almacenados (dentro de la aplicación, o sincronizados a una herramienta de correo electrónico como Klaviyo)

ℹ️ Esta guía se centra en Formulario de Popup tipo, que soporta campos de formulario personalizados. El Email Capture PopUp funciona casi de la misma manera — simplemente salta los campos personalizados — para que puedas seguir estos pasos para eso también.

✅ Paso inicial: Activar la aplicación

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

Ve a:

Shopify Admin → Tienda Online → Temas → Personalizar → App Embeds

Entonces:

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

💡 Sólo tienes que hacer esto una vez. Si no está habilitado, Hoppy Popups también te recordará con un banner justo antes de publicar, por lo que no te lo perderás.

🛠️ Paso 1 — Crear un nuevo formulario de Popup

Abrir el Hoppy Popups aplicación de tu Shopify Admin.

Entonces:

→ Crear nuevo popup

Esto abre el Elija el tipo Pop-up pantalla.

→ Encontrar el Formulario de Popup tarjeta → Crear formulario de Popup

La página de configuración se abre automáticamente con:

• A Índice tab — lo que el formulario dice y recoge
• A Diseño pestaña — cómo se ve el popup
• A Colocación pestaña — cuándo y dónde aparece
• A vista previa en vivo a la derecha, para que puedas ver cambios a medida que vas 👀

📝 Paso 2 - Añada su contenido de formulario

Comenzarás dentro del Índice tab. Esto controla a los compradores de texto ver y la información que su formulario recopila.

🏷️ Nombre del formulario

Este nombre es sólo para su referencia interna.

Los compradores nunca lo verán.

Use algo reconocible, como:

• Homepage Newsletter Registro
• Formulario de Club de Cumpleaños
• Bienvenido descuento Popup

💡 La nominación clara hace que sea mucho más fácil manejar múltiples popups más tarde.

💬 Título " Descripción

Este es el mensaje principal que los compradores ven en la parte superior del popup.

Ejemplo

• Título: "Entra en nuestro Club de Cumpleaños 🎂"
• Descripción: "Regístrese y consiga un regalo especial en su cumpleaños."

Manténgalo corto, amistoso y enfocado en el beneficio de registrarse.

También puede agregar un Logotipos arriba del título si te gustaría que el popup se sintiera más en la marca.

📧 Correo electrónico

Este es el núcleo de la mayoría de los formularios de registro.

Cuando Mostrar Email Field se activa, aparecen dos campos adicionales:

• Portal de correo electrónico → el texto de la indirecta dentro de la caja, por ejemplo "Introduzca su correo electrónico"
• Mensaje de error → mostrado si un comprador entra en un email inválido

📱 Teléfono / SMS Campo

Enciende Mostrar número de teléfono (SMS) Campo si también quieres recoger números de teléfono.

Cuando está habilitado, aparecen algunas opciones más:

• Código del país predeterminado → pre-selecciona el país para el número de teléfono
• Titular de campo
• Mensaje de error del teléfono

Esto es útil si planea enviar ofertas de SMS o actualizaciones de pedidos más tarde 📲

🧩 Campos de formulario personalizados

Esto es lo que hace Formulario de Popup especial — usted puede pedir casi cualquier cosa, no sólo un email.

→ Agregar campo crear una nueva pregunta

Para cada campo, elija un Tipo de campo:

• Campo de texto
• Múltiples líneas
• Botones de radio
• Cajas de control
• Desglose
• Multi-select
• Número
• Enlace
• Carga de archivos
• Fecha
• Hora
• Valoración

Entonces dale una Label — esta es la pregunta que los compradores ven, como "Tu cumpleaños" o "¿Cómo has oído de nosotros?".

Dependiendo del tipo de campo, algunas opciones adicionales aparecen automáticamente:

• 📝 Titular → aparece para campos basados en texto (texto, múltiples líneas, número, enlace, tiempo)
• ✅ Opciones → aparece para campos de elección (radio, casillas de verificación, desplegable, multi-select), donde se agregan las respuestas que los compradores pueden elegir
• ❗ Se requiere → encender esto si los compradores deben responder antes de enviar

⚠️ Su forma debe incluir al menos uno de estos: un campo de correo electrónico, un campo de teléfono, o un campo personalizado. De lo contrario, no hay nada para los compradores.

💡 Una nueva forma de Popup ya comienza con un campo de correo electrónico, un campo de teléfono y una muestra Nacimiento campo de la fecha - para que pueda lanzarse rápidamente y ajustarse desde allí.

🔘 Enviar texto de botón

Este es el botón de los compradores haga clic para enviar el formulario.

Establecer el Texto del botón a algo centrado en la acción, como:

• "Regístreme"
• "Consigue mi descuento"
• "Entra en el Club"

Cuando tu formulario tiene campos, este botón automáticamente Presentaciones el formulario - no se necesita ninguna configuración adicional.

✔️ Opt-In Checkbox (Optional)

Puedes agregar un Opt-In Checkbox así que los compradores aceptan activamente recibir el marketing de usted.

Cuando se enciende, un Opt-In text editor aparece donde puede escribir su mensaje de consentimiento, como:

"Sí, envíame ofertas y actualizaciones exclusivas".

Esto le ayuda a recopilar el consentimiento de marketing claro y mantenerse conforme 🙌

🎉 Paso 3 - Establecer lo que sucede después de la inscripción

Después de que un comprador presente el formulario, el popup cambia a un éxito estado. Esta es tu oportunidad de agradecerles y recompensarlos.

Usted encontrará estos ajustes en la parte inferior de la Índice tab.

💌 Mensaje de éxito & Descripción

Escribir los compradores de mensajes de agradecimiento ver justo después de enviar.

Ejemplo

• Mensaje de éxito: "¡Estás dentro! 🎉"
• Descripción del éxito: "Aquí tienes tu recompensa por unirte a nosotros".

🎁 Recompensa con descuento (opcional)

Una pequeña recompensa puede aumentar dramáticamente los signos.

ℹ️ 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.

➡️ Botón de éxito (opcional)

También puede mostrar un botón en la pantalla de éxito.

Enciende Mostrar éxito botón CTA, y dos campos aparecen:

• Texto del botón de éxito → por ejemplo "Iniciar compras"
• Enlace de éxito Button → donde el botón debe tomar los compradores

Esta es una buena manera de enviar nuevos suscriptores directamente a una página de colección o venta 🛍️

ℹ️ Cada registro se guarda automáticamente dentro Hoppy Popups → Suscriptores. Si desea que los suscriptores enviados a una herramienta de correo electrónico como Klaviyo o Mailchimp, puede conectarlo en el Integración tab — ver la guía dedicada de integraciones para la configuración.

📍 Paso 4 — Elija cuándo " Aparece

Ahora abre el Colocación tab. Esto controla el tiempo, la frecuencia y la ubicación del popup.

¿Cuándo debería aparecer? (Trigger)

Elija un Tipo de desencadenante, entonces uso Show Pop Up After para ajustar el tiempo:

• Después del tiempo (Duración) → inmediatamente, o después de unos segundos en la página
• Page Scroll → después de un comprador pergaminos en el camino hacia abajo
• Exit-intent → cuando un comprador está a punto de salir
• Añadir al botón del carrito se hace clic → cuando se agrega un artículo, o cuando el carrito pasa un valor
• Después de las vistas de la página → después de que un comprador ve un cierto número de páginas

Algunos desencadenantes revelan opciones adicionales, por ejemplo, Exit-intent te permite escoger lo que significa "salir" y Añadir a la cesta le permite reaccionar a un valor mínimo del carrito.

💡 Un breve retraso (unos segundos) es un defecto amistoso: da a los compradores un momento para mirar alrededor antes de que aparezca el formulario.

🔁 ¿Qué tan a menudo debería mostrar?

Under Configuración de pantalla, elegir con qué frecuencia vuelve el popup:

• Mostrar cada vez → aparece en cada visita
• Una vez cada vez que alguien visita → una vez por visita, y se detiene después de la presentación del formulario
• Frecuencia límite → después de estar cerrado, esperar un número de días antes de mostrar otra vez

ℹ️ Una vez que un comprador envía el formulario, el popup deja de mostrarles automáticamente, por lo que nunca pides dos veces.

📄 ¿Dónde debería aparecer?

Uso Visualización para elegir las páginas donde aparece el formulario:

• Cada página
• Página de inicio sólo
• Todas las páginas de producto
• Páginas de productos específicas
• Colecciones, o colecciones específicas
• Productos con etiquetas específicas

Cuando elige una opción específica (como un producto o una colección), aparece un selector para que pueda elegir exactamente cuál.

📐 Posición

Elige dónde se encuentra el popup en la pantalla:

• Center para un popup clásico de atención
• A esquina (como Bottom Right) para una sensación de deslizamiento más suave

ℹ️ La visibilidad de los dispositivos (Desktop, Mobile o ambos) se establece en el Diseño tab. También están disponibles reglas más avanzadas, como segmentación por estado de acceso al cliente, etiquetas, gasto por vida, país o fuente UTM. Estos están cubiertos por el dedicado Objetivo guía para que esta configuración sea simple.

📅 ¿Hacer una campaña de tiempo limitado? Puedes agregar un Comienzo y Final Fecha Programación. De forma predeterminada el formulario funciona continuamente (comienza ahora mismo, nunca termina). Ver el Programación guía para campañas fechadas.

🎨 Paso 5 - Estilo de la Popup (Opcional)

Abrir el Diseño ficha para hacer que el popup coincida con tu marca.

Aquí puede ajustar rápidamente cosas como:

• El Plantilla para empezar de una mirada lista
• El Tamaño de la Popup y posición estilo
• Colores, fuentes, y espaciamiento
• El botón y campo de entrada Styling
• A superposición de antecedentes y entrada animación

Usted no necesita tocar nada de esto para ir en vivo - los predeterminados se ven bien fuera de la caja ✨

Para un paseo completo de cada opción de estilo, vea el Diseño y estilo guía. Para los retoques avanzados, Custom CSS guía le permite detalles finos con su propio código.

✅ Paso 6 - Guardar & Publish

Una vez que todo se ve bien en la vista previa:

1. Guardar tu forma de popup
2. Haga clic Publish para que viva en tu escaparate

⚠️ Salvar solo sí. no publicar el formulario. Siempre haga clic Publish cuando estés listo para que los compradores lo vean.

Después de publicar, las actualizaciones de la placa de estado del popup para que pueda decir de un vistazo si es Publicado, No publicado, Programadoo Gastos.

💡 Si la aplicación embed no está habilitada aún, Hoppy Popups mostrará un recordatorio con un Enable App Embed botón justo después de publicar — simplemente siguelo y estás listo.

💡 Consejos útiles

• Pruebe su forma abriendo su tienda en una Incognito / Privado ventana y el envío de un email de prueba - después comprobar Suscriptores para confirmar que llegó
• Mantener los formularios cortos — pedir sólo un email por lo general obtiene la mayoría de los registros 📈
• Asegúrese de que al menos un campo (Email, Phone o Custom) se activa, o el formulario no se puede enviar
• ¿Quieres la forma en otro idioma? Usted puede añadir traducciones en el Traducciones sección — ver la guía de traducción dedicada

🎉 Resultado final

Una vez configurado y publicado:

✅ Los compradores ven una hermosa forma de registro en la marca

✅ Correos electrónicos, números de teléfono y detalles personalizados se recogen automáticamente

✅ Los nuevos suscriptores pueden recibir al instante una recompensa de descuento

✅ El formulario aparece en el momento adecuado, en las páginas correctas

✅ Cada registro es guardado y listo para sincronizar con sus herramientas de marketing

Una forma de Popup bien ajustada es una de las maneras más fáciles de crecer tu audiencia y convertir a los visitantes de primera vez en clientes a largo plazo 🚀

Actualizado el: 10/09/2026