> ## 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 descuento PopUps > ℹ️ **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 ofrecer descuentos instantáneos a tus visitantes a través de un popup elegante? 🛍️ Descuento PopUps son perfectos para compartir códigos de cupones, recoger correos electrónicos, y dar la bienvenida a clientes nuevos y retornados con ofertas especiales. Esta guía te lleva a través de todo el flujo de configuración para que puedas lanzar tu primer descuento 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 descuento** Abrir el **Hoppy PopUps** app. Entonces: → **Crear nuevo PopUp** → Seleccionar **Descuento PopUp** de la lista de tipos popup. La página de configuración se abrirá automáticamente con campos adaptados para campañas de descuento. --- # **📝 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: * Venta de verano PopUp * Descuento de Viernes Negro * Oferta de bienvenida * Código VIP 💡 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 oferta. ### **Ejemplo** * **Título:** "Disfruta de un 20% de descuento en todos los productos" * **Descripción:** "Regístrate y desbloquea tu descuento instantáneo" 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 Usted puede mostrar ambos, sólo uno, o tampoco si usted está simplemente mostrando un anuncio. --- ## **⚙️ 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 datos, puede mostrar diferentes mensajes basados en si son un cliente nuevo o que regresa. * **Mensaje para nuevos clientes:** "¡Bienvenido a nuestra tienda!" * **Mensaje para clientes que regresan:** "¡Bienvenido!" También puede añadir una descripción debajo de cada mensaje, 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 - Establecer las reglas de la pantalla del desencadenante** Muévete a la **Placement/Targeting** ficha para controlar cuándo y dónde aparece tu descuento PopUp. --- ## **⏱ Tipo de truco** Esto decide qué evento hace que el popup aparezca. Opciones disponibles: * **Después del tiempo (Duración)** — aparece después de un número de segundos * **Page Scroll** — aparece después de que el visitante pergamino un cierto porcentaje * **Exit-intent** — aparece cuando el visitante está a punto de irse * **Añadir al botón del carrito se hace clic** — aparece cuando un artículo se añade al carrito * **Después de las vistas de la página —** esto desencadena una vez que se ha visitado un número específico de páginas. Elija el gatillo que mejor coincida con su comportamiento de visitante. --- ## **🔄 Frecuencia de visualización** Controla con qué frecuencia el mismo visitante ve el popup: * **Mostrar cada vez** — pantallas en cada carga de página * **Una vez cada vez que alguien visita** — muestra una vez por sesión de navegación * **Frecuencia límite** — te permite establecer una refrigeración en días antes de que el popup reaparezca 💡 El popup automáticamente deja de mostrar después de que un visitante presente el formulario. --- ## **📍 Página** Decide en qué páginas debe aparecer tu descuento PopUp: * **Mostrar en cada página** * **Mostrar en la página principal sólo** * **Mostrar en todas las páginas del producto** * **Mostrar en páginas de producto específicas** * **Todos los productos en colecciones específicas** * **Mostrar en todas las páginas de colección** * **Mostrar en páginas de colección específicas** * **Todos los productos con etiquetas específicas** Si elige una opción específica, utilice el selector o la etiqueta de entrada para finalizar su selección. --- # **👥 Paso 4 - Configurar el objetivo de localización del cliente** Todavía dentro de la **Placement/Targeting** tab, fino que ve tu popup. --- ## **📱 Visibilidad de dispositivo** Elija qué dispositivos su popup debe aparecer en: * **Escritorio y móvil** * **Sólo escritorio** * **Sólo móvil** --- ## **🔐 Situación del cliente** * **Mostrar a todos los clientes** * **Mostrar sólo a clientes conectados** --- ## **🏷️ Etiquetas del cliente & Lifetime Spent** Puede restringir aún más la visibilidad utilizando: * **Clientes basados en la etiqueta del cliente** —por ejemplo, mostrar sólo a los clientes etiquetados `VIP` o `wholesale` * **Clientes basados en la vida útil** — mostrar sólo a los clientes que han pasado por encima de una cantidad específica También puede **escondido** el popup de etiquetas específicas o umbrales de gasto si es necesario. --- ## **🌍 Geolocation Targeting** * **Todo el mundo** - sin restricciones * **Países concretos** — seleccione sólo los países donde desea que aparezca el popup --- ## **🔗 Fuentes UTM permitidas** Permite esto si desea que el popup aparezca sólo para los visitantes provenientes de fuentes de tráfico específicas. Plataformas compatibles: * TikTok * Facebook * Instagram * Google * Pinterest * Twitter * **Código UTM personalizado** — ingrese sus propios parámetros UTM ⚠️ Si está habilitado, los visitantes que lleguen directamente (sin ajustar los parámetros UTM) no verán el popup. --- # **📅 Paso 5 - Establecer la programación (opcional)** Si desea que su descuento PopUp funcione sólo durante un período específico, expanda el **Programación** sección dentro de la pestaña Colocación/Targeting. Set: * **Fecha de inicio** - cuando el popup debe comenzar a mostrar * **Fecha final** — cuando el popup debe dejar de mostrar automáticamente Si se deja en blanco, el popup funciona continuamente una vez publicado. --- # **🎨 Paso 6 - Diseña tu PopUp (opcional)** Cambiar a la **Diseño** pestaña para ajustar: * Posición de popup (centro, esquinas) * 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 7 - 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 ver su oferta de descuento en el momento adecuado ✅ Los correos electrónicos y los números de teléfono se recogen automáticamente ✅ Los códigos de cupón se muestran después de la presentación ✅ Diferentes mensajes saludan nuevos clientes vs que regresan ✅ Su popup respeta las reglas de selección, programación y configuración del dispositivo Su descuento PopUp está ahora en vivo y listo para recompensar a sus visitantes 🚀 ---