> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🚀 Cómo configurar un formulario de Popup > ℹ️ **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**, **Programado**o **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 🚀