La Spin Wheel est une roue de la fortune ludique. Les visiteurs la font tourner pour gagner un coupon, une remise, la livraison gratuite ou un autre lot, avec des probabilités que vous contrôlez. Elle existe en deux dispositions qui partagent exactement les mêmes réglages et fonctionnalités — choisissez celle qui convient à votre emplacement.
Les deux dispositions
- Spin Wheel (Stacked) — une carte haute et étroite : logo, titre et texte en haut, la roue au milieu et le bouton en dessous. Idéale pour un emplacement intégré dans une page, les barres latérales ou les espaces étroits.
- Spin Wheel (Side-by-Side / Full Screen) — une carte large à deux colonnes : le texte d’un côté, la roue de l’autre. Elle prend aussi en charge une prise de contrôle plein écran où toute la page devient l’arrière-plan (une couleur unie ou votre image), avec la roue et le texte centrés. Idéale pour les sections principales, les bannières larges et les promotions plein écran.
Tout ce qui suit s’applique aux deux dispositions, sauf mention contraire.
Ce que vit le visiteur
- La roue apparaît avec un bouton Spin qui pulse.
- Le visiteur clique sur Spin ; la roue tourne et s’arrête sur un segment.
- S’il gagne un lot (un segment avec un code promo), le code est révélé et il peut cliquer pour le copier. Les gains peuvent être célébrés par des confettis ou un halo.
- S’il tombe sur un segment perdant (sans coupon), il peut retenter sa chance si vous autorisez plus d’un tour.
- Quand les tours sont épuisés, la roue s’assombrit dans un état « terminé » pour qu’il soit clair que la partie est finie.
Configurer les segments (les lots)
La roue compte de 4 à 8 segments. Les segments 1 à 4 sont toujours actifs. Les segments 5 à 8 ont chacun une option Show Segment pour les activer au besoin.
Chaque segment dispose de ces réglages :
- Label — le court texte affiché sur la part de la roue (par ex. « -10 % »).
- Win Chance — un poids qui détermine la probabilité de cette part. Plus il est élevé, plus elle est probable. Les poids sont relatifs : 30/20/30/20 signifie que la première et la troisième part sortent chacune environ 30 % du temps. Donnez un nombre bas à une part que vous voulez rarement accorder (comme un gros lot).
- Color — la couleur de la part.
- Prize Message — ce que voit le visiteur quand il tombe dessus (par ex. « Vous avez gagné 10 % de remise ! »).
- Coupon Code — le code révélé en cas de gain. Laissez-le vide pour faire de ce segment une « perte » (par ex. une part « Retentez votre chance »). Un code vide = pas de gain, pas de célébration.
Le gain ou la perte dépend entièrement de la présence d’un code promo dans le segment. Une part avec un code est un gain ; une part sans code est une perte.
Combien de fois peut-on tourner ?
Le réglage Spins Allowed le contrôle avec un seul nombre :
- 1 = un seul tour.
- 2, 3, … = jusqu’à ce nombre de tours, mais la roue s’arrête dès que le visiteur gagne. Il ne peut retourner la roue que s’il tombe sur une part perdante et qu’il lui reste des tours.
Style et affichage
- Preset — jeu de couleurs dark, light ou brand.
- Display Mode — inline (intégrée à la page), fullpage (une carte centrée sur un calque assombri, comme une fenêtre modale) ou fullscreen (tout l’écran devient l’arrière-plan avec le contenu centré — l’effet de prise de contrôle). Le mode plein écran est la principale raison d’utiliser le modèle Side-by-Side.
- Background Image (fullscreen) — facultatif. En mode plein écran, choisissez une image dans le gestionnaire de médias pour remplir tout l’écran. Laissez vide pour une couleur unie issue du préréglage.
- Size — compact, default ou spacious.
- Win Celebration — confettis, halo ou aucun. Ne se joue que lors d’un vrai gain.
- Spin Duration — durée de l’animation de rotation, en secondes.
- Tick Sound — un tic-tac facultatif pendant la rotation.
- Auto-close After Win — nombre de secondes avant la fermeture après un gain. 0 la laisse ouverte.
Image, texte et boutons
- Show Image — un logo ou une image produit facultatif au-dessus du titre (sélecteur du gestionnaire de médias). Désactivez-le si vous ne voulez pas d’image.
- Eyebrow, Title, Subtext — le texte d’accroche.
- Spin Button Text — le libellé du bouton de rotation.
- ‘No thanks’ Button — un bouton secondaire facultatif qui permet au visiteur de fermer la roue. Activez-le ou désactivez-le et définissez son texte.
- Button (after win) — un bouton d’appel à l’action facultatif affiché après un gain (par ex. « Découvrir la boutique ») avec votre propre lien.
- Wheel Center Text (when spent) — le mot court affiché au centre de la roue après le dernier tour (par défaut « DONE »).
Enregistrer le résultat dans le profil du visiteur
Sous Save Result to Profile, vous pouvez enregistrer ce que chaque visiteur a gagné dans son profil Personyze, pour le cibler plus tard (par exemple, relancer les gagnants qui n’ont pas utilisé leur coupon).
- Prize Field — un champ de profil pour stocker le libellé du lot gagné. Laissez vide pour ignorer.
- Coupon Field — un champ de profil facultatif pour stocker le code promo.
Ne plus afficher la roue après un gain ou une perte
Sous Hide After Win or Loss, vous pouvez cesser d’afficher la roue à un visiteur une fois qu’il a joué, pour qu’il ne la voie pas à chaque visite.
- Hide After Win (Yes/No) — après un gain, ne plus afficher la roue.
- Hide After Loss (Yes/No) — après une perte, ne plus afficher la roue.
Important : ces options décident s’il faut masquer la roue selon le résultat. Le nombre de sessions pendant lesquelles elle reste masquée se règle sur l’action elle-même, dans les réglages Placement / Trigger (Display Frequency) — pas dans ce modèle. L’option la masque pour le reste de la session en cours, plus le nombre de sessions défini à cet endroit. Le visiteur voit toujours son lot d’abord ; la roue n’est supprimée que pour les visites suivantes.
Fermer la roue
La section Close contrôle le bouton X : s’il s’affiche, son apparence, et s’il est toujours visible ou seulement au survol.
Remarque sur l’aperçu de l’éditeur
En modes fullpage et fullscreen, la roue s’affiche comme un bloc à plat dans l’éditeur pour ne pas couvrir la barre d’outils d’édition. Le vrai calque pleine page ou plein écran n’apparaît que dans l’aperçu en direct et sur votre site en ligne — pas dans le panneau de l’éditeur. C’est normal.
Notes techniques
- L’emplacement et le ciblage (qui la voit, où et à quelle fréquence) se règlent sur l’action, pas dans le modèle. Le modèle ne contrôle que l’apparence et le comportement de la roue.
- Les probabilités utilisent les poids relatifs Win Chance ; leur somme n’a pas besoin de faire 100.
- La fonctionnalité « Hide After » utilise la suppression par session intégrée à Personyze. Elle enregistre la suppression sans fermer le popup, pour que le visiteur voie toujours son résultat. Le nombre de sessions provient du réglage Display Frequency de l’action.
- Les deux dispositions partagent un même moteur — la roue est dessinée dynamiquement, les probabilités sont pondérées, et la position d’arrêt correspond toujours au lot révélé.
- Arrière-plan plein écran : en mode plein écran, toute la page devient l’arrière-plan (couleur du préréglage ou image choisie) ; il n’y a pas de carte — la roue et le texte sont posés directement sur l’arrière-plan.
Pour aller plus loin
- Roues de la fortune « tourner pour gagner » — la mécanique de la roue en détail.
- Marketing de la ludification — les mécanismes des modèles interactifs et leur place.
- Modèles de popups pour site web — les 16 modèles, et comment choisir le bon format.