ℹ️ 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 convertir la colección de correo electrónico en un juego divertido e interactivo? 🎉

Spin Wheel PopUps permite que los visitantes hagan girar una rueda colorida para ganar descuentos, envío gratuito o ofertas especiales. Es una de las maneras más atractivas para crecer su lista de suscriptores al tiempo que le da a los clientes una experiencia de marca memorable.

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

Abrir el Hoppy PopUps app.

Entonces:

→ Crear nuevo PopUp

→ Seleccionar Rueda giratoria PopUp de la lista de tipos popup.

La página de configuración se abrirá automáticamente con una rueda preconstruida lista para personalizar.

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

• Spin & Win Campaign
• Rueda de descuentos
• Lucky Spin Popup
• Oferta de rueda de cumpleaños

💡 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 tu popup y deben invitar a los visitantes a jugar.

Ejemplo

• Título: "Gana la rueda"
• Descripción: "Prueba tu suerte y desbloquea un descuento especial"

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

Puedes mostrar ambos, solo uno, o tampoco si estás ejecutando un juego sin colección.

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

☑️ 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 envía sus detalles y gira la rueda, 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 redimir el premio que acaban de ganar.

🖱️ 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 — Configure Wheel Rewards

Todavía dentro de la Índice pestaña, desplazarse a la Recompensas de rueda sección.

Aquí es donde se define cada rebanada en la rueda: lo que los visitantes pueden ganar y lo probable que van a ganar.

💸 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.

🎁 Adding " Editing Secciones

Cada rebanada en la rueda tiene cuatro ajustes:

Ajuste

Lo que hace

Label

El texto que se muestra en la rebanada de la rueda (por ejemplo, "10% OFF", "Free Ship")

Peso de probabilidad

Un número que controla con qué frecuencia gana esta rebanada. Más alto = más probable.

Código de descuento

El código de cupón real que recibe el visitante si esta rodaja aterriza. Se puede dejar en blanco.

Mensaje

Un mensaje personalizado que se muestra después de girar (por ejemplo, "Prueba otra vez...")

Ejemplo de configuración

Label

Probabilidad

Código

Mensaje

$3F

20

SAVE3

"

GRATIS

20

LIBERTAD7

"

7% de los fondos

20

SAVE7P

"

NO LUCK

10

"

"Prueba otra vez..."

12% OFF

10

SAVE12P

"

🎟️ Agregar descuento Códigos de cupón

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

➕ Añadir más piojos

Haga clic Añadir más crear segmentos de rueda adicionales. No hay límite estricto — añadir tantos como quieras hacer que la rueda se sienta excitante y variada.

🗑️ Quitar los piojos

Haga clic en el icono de basura junto a cualquier rebanada para eliminarlo. Las probabilidades de las rebanadas restantes determinarán automáticamente las nuevas posibilidades de ganar.

🎨 Paso 4 - Diseña tu rueda (opcional)

Cambiar a la Diseño pestaña para ajustar cómo se ve la rueda giratoria.

Opciones específicas para ruedas que encontrará aquí:

• Colores de cáliz — colores alternativos para segmentos de rueda
• Slice Label Color & Fuente — texto estilo en la rueda misma
• Rueda Color — el anillo exterior de la rueda
• Arrow Color - el puntero en la parte superior
• Center Circle Color - el centro en el medio
• Slice Mensaje Color & Fuente — estilo para mensajes post-spin

💡 El Spin Wheel PopUp viene con colores predeterminados cálidos y juguetones. Puedes mantenerlos o alinearlos con tu marca.

Para un paseo completo de todas las opciones de diseño, vea la documentación dedicada Diseño & Estilo.

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

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

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 6 - 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 una rueda de giro interactiva en su escaparate
✅ Cada giro ofrece una recompensa aleatorizada basada en su configuración de probabilidad
✅ Los correos electrónicos y los números de teléfono se recogen automáticamente (si está habilitado)
✅ Los códigos de descuento se revelan después de girar
✅ Su popup respeta las reglas de selección, programación y configuración del dispositivo

Su Spin Wheel PopUp está ahora en vivo y listo para deleitar a sus visitantes 🚀

Actualizado el: 10/09/2026