La Spin Wheel es una ruleta de premios gamificada. Los visitantes la hacen girar para ganar un cupón, un descuento, el envío gratis u otro premio, con las probabilidades que usted controla. Viene en dos disposiciones que comparten exactamente los mismos ajustes y funciones — elija la que mejor encaje con su ubicación.
Las dos disposiciones
- Spin Wheel (Stacked) — una tarjeta alta y estrecha: logotipo, titular y texto arriba, la ruleta en el centro y el botón debajo. Lo mejor para colocarla integrada dentro de una página, en barras laterales o en espacios más estrechos.
- Spin Wheel (Side-by-Side / Full Screen) — una tarjeta ancha de dos columnas: el texto a un lado y la ruleta al otro. También admite una ocupación de pantalla completa en la que toda la página se convierte en el fondo (un color sólido o su imagen), con la ruleta y el texto centrados. Lo mejor para secciones hero, banners anchos y promociones a pantalla completa.
Todo lo que sigue se aplica a las dos disposiciones, salvo que se indique lo contrario.
Cómo funciona para el visitante
- La ruleta aparece con un botón Spin que late.
- El visitante hace clic en Spin; la ruleta gira y se detiene en un segmento.
- Si gana un premio (un segmento con código de cupón), se revela el código y puede hacer clic para copiarlo. Los premios se pueden celebrar con confeti o con un brillo.
- Si cae en un segmento sin premio (sin cupón), puede volver a girar si usted permite más de un giro.
- Cuando se agotan los giros, la ruleta se atenúa en un estado de «agotada» para que quede claro que ha terminado.
Configurar los segmentos (los premios)
La ruleta tiene de 4 a 8 segmentos. Los segmentos 1–4 están siempre activados. Los segmentos 5–8 tienen cada uno un interruptor Show Segment para activarlos cuando los necesite.
Cada segmento tiene estos ajustes:
- Label — el texto corto que se muestra en la porción de la ruleta (p. ej., “10% OFF”).
- Win Chance — un peso que controla la probabilidad de esa porción. Cuanto más alto, más probable. Los pesos son relativos, así que 30/20/30/20 significa que la primera y la tercera porción salen cada una aproximadamente el 30% de las veces. Ponga un número bajo en la porción que casi nunca quiera dar (como un premio grande).
- Color — el color de la porción.
- Prize Message — lo que ve el visitante cuando cae ahí (p. ej., “¡Ha ganado un 10% de descuento!”).
- Coupon Code — el código que se revela al ganar. Déjelo en blanco para que el segmento sea una «pérdida» (p. ej., una porción “Inténtelo de nuevo”). Un código en blanco = sin premio y sin celebración.
Si se gana o se pierde depende únicamente de si el segmento tiene un código de cupón. Una porción con código es un premio; una sin código es una pérdida.
¿Cuántas veces pueden girar?
El ajuste Spins Allowed lo controla con un solo número:
- 1 = un solo giro.
- 2, 3, … = hasta ese número de giros, pero la ruleta se detiene en cuanto ganan. Solo pueden volver a girar si caen en una porción sin premio y todavía les quedan giros.
Estilo y visualización
- Preset — combinación de colores dark, light o brand.
- Display Mode — inline (integrada en la página), fullpage (una tarjeta centrada sobre una capa atenuada, como un modal) o fullscreen (toda la pantalla se convierte en el fondo, con el contenido centrado — el aspecto de ocupación de pantalla). El modo fullscreen es el motivo principal para usar la plantilla Side-by-Side.
- Background Image (fullscreen) — opcional. En el modo fullscreen, elija una imagen del gestor de medios para llenar toda la pantalla. Déjelo en blanco para usar un color sólido del ajuste predefinido.
- Size — compact, default o spacious.
- Win Celebration — confeti, brillo o nada. Solo se reproduce con un premio real.
- Spin Duration — cuánto dura la animación del giro, en segundos.
- Tick Sound — un sonido de tictac opcional durante el giro.
- Auto-close After Win — segundos de espera antes de cerrarse tras un premio. 0 la mantiene abierta.
Imagen, texto y botones
- Show Image — un logotipo o una imagen de producto opcional encima del título (selector del gestor de medios). Desactívelo si no quiere imagen.
- Eyebrow, Title, Subtext — el texto del titular.
- Spin Button Text — el texto del botón de girar.
- ‘No thanks’ Button — un botón secundario opcional que permite al visitante descartar la ruleta. Actívelo o desactívelo y defina su texto.
- Button (after win) — un botón de llamada a la acción opcional que se muestra después de un premio (p. ej., “Comprar ahora”) con su propio enlace.
- Wheel Center Text (when spent) — la palabra corta que se muestra en el centro de la ruleta después del último giro (de forma predeterminada, “DONE”).
Guardar el resultado en el perfil del visitante
En Save Result to Profile puede guardar lo que ganó cada visitante en su perfil de Personyze, para segmentarlo después (por ejemplo, para recordar a los ganadores que no han usado su cupón).
- Prize Field — un campo de perfil para guardar la etiqueta del premio. Déjelo en blanco para omitirlo.
- Coupon Field — un campo de perfil opcional para guardar el código de cupón.
No volver a mostrar la ruleta después de ganar o perder
En Hide After Win or Loss puede dejar de mostrar la ruleta a un visitante una vez que ha jugado, para que no la vea en cada visita.
- Hide After Win (Yes/No) — cuando gana, deja de mostrarse la ruleta.
- Hide After Loss (Yes/No) — cuando pierde, deja de mostrarse la ruleta.
Importante: estos interruptores deciden si se oculta la ruleta según el resultado. Durante cuántas sesiones permanece oculta se define en la propia acción, en los ajustes de Placement / Trigger (Display Frequency, la frecuencia de visualización) — no en esta plantilla. El interruptor la oculta durante el resto de la sesión actual más el número de sesiones que haya definido allí. El visitante sigue viendo primero su premio; la ruleta solo se suprime en las visitas siguientes.
Cerrar la ruleta
La sección Close controla el botón X: si se muestra, qué aspecto tiene y si está siempre visible o solo al pasar el ratón.
Una nota sobre la vista previa del editor
En los modos fullpage y fullscreen, la ruleta se muestra como un bloque plano dentro del editor para que no tape la barra de herramientas de edición. La capa real a página completa o a pantalla completa solo aparece en la vista previa en vivo y en su sitio en vivo — no dentro del panel del editor. Es lo esperado.
Notas técnicas
- La ubicación y la segmentación (quién la ve, dónde y con qué frecuencia) se definen en la acción, no en la plantilla. La plantilla solo controla el aspecto y el comportamiento de la ruleta.
- Las probabilidades usan los pesos relativos de Win Chance; no tienen que sumar 100.
- La función “Hide After” usa la supresión por sesiones integrada de Personyze. Registra la supresión sin cerrar el popup, así que el visitante sigue viendo su resultado. El número de sesiones viene del ajuste Display Frequency de la acción.
- Las dos disposiciones comparten un mismo motor — la ruleta se dibuja dinámicamente, las probabilidades están ponderadas y la posición en la que se detiene siempre coincide con el premio revelado.
- Fondo en fullscreen: en el modo fullscreen toda la página se convierte en el fondo (el color del ajuste predefinido o la imagen que elija); no hay caja de tarjeta — la ruleta y el texto van directamente sobre el fondo.
Más información
- Ruletas de premios para girar y ganar — la mecánica de la ruleta en profundidad.
- Marketing de gamificación — la mecánica de las plantillas interactivas y dónde encajan.
- Plantillas de popups para sitios web — las 16 plantillas y cómo elegir el formato adecuado.