La roue de la fortune verrouillée est une roue qui ne tourne pas tant que le visiteur ne vous a pas donné son adresse e-mail. La roue est visible dès le départ, grisée avec un cadenas au centre : la récompense est évidente avant même que quoi que ce soit ne soit demandé. C’est la Spin Wheel ordinaire avec un formulaire devant : tout ce qui concerne les segments, les probabilités, les coupons et les lots fonctionne exactement de la même façon.
Utilisez-la quand le prospect compte davantage que le jeu. Une roue simple divertit et distribue un coupon ; celle-ci fait du coupon la raison pour laquelle quelqu’un vous donne son adresse.
Ce que vit le visiteur
Il y a trois étapes, et le visiteur les parcourt dans l’ordre.
Verrouillée. Le formulaire se trouve à côté de la roue. La roue est assombrie et le centre affiche un cadenas au lieu du libellé de rotation. Cliquer sur la roue ou le cadenas à ce stade ne la fait pas tourner — le formulaire tremble et le curseur se place dans le champ e-mail.
Déverrouillée. Dès que le formulaire est envoyé, le prospect est enregistré, le formulaire est remplacé par un court message de remerciement, et la roue prend vie. Le cadenas devient le libellé de rotation et le bouton Spin apparaît.
Résultat. La roue tourne, s’arrête, et révèle le lot et le code promo, que le visiteur peut cliquer pour copier.
Configurer le formulaire
Tout se trouve sous Form.
- Email est toujours affiché et toujours obligatoire. C’est la raison d’être du verrou : il ne peut donc pas être désactivé.
- First name est désactivé par défaut. Ne l’activez que si vous l’utiliserez. Chaque champ supplémentaire coûte des soumissions, et ce formulaire est en concurrence avec une roue qui tourne pour attirer l’attention.
- Consent checkbox est activée par défaut, avec un texte, un texte de lien et une adresse de lien modifiables. Utilisez Consent required pour rendre la case obligatoire plutôt que facultative.
Chaque champ a un réglage profile attribute. C’est là que la réponse est stockée dans le profil du visiteur, et c’est ce qui rend le prospect utilisable pour le ciblage ensuite. Un champ sans attribut choisi est collecté mais n’est enregistré nulle part d’utile.
Le prospect et le lot arrivent dans le même profil
C’est ce qui justifie l’étape supplémentaire de la roue verrouillée. Le formulaire écrit l’e-mail dans le profil du visiteur, et la roue écrit le résultat dans ce même profil, car c’est le même visiteur dans la même session. Définissez Prize Field et Coupon Field sous Save Result to Profile, et vous obtenez une seule fiche contenant l’adresse et le code promis.
C’est cette fiche qui vous permet d’envoyer le coupon par e-mail, de relancer ceux qui ne l’ont pas utilisé, ou d’exclure les gagnants de la campagne suivante. Sans ces deux attributs, vous capturez quand même le prospect, mais rien dans le profil n’indique ce qu’il a gagné.
Étiqueter les prospects sans leur demander
Sous Form, Hidden value stocke une valeur fixe sur chaque soumission de cette roue. Choisissez un attribut comme source et saisissez par exemple spin-wheel-summer. Le visiteur ne voit rien, et vous pouvez ensuite distinguer ces prospects de tous les autres formulaires du site.
Ce qui se passe après la soumission
Sous After Submit :
- Thank-you Title et Thank-you Text remplacent le formulaire une fois le prospect enregistré. Gardez-les courts et orientez vers la roue — le visiteur a encore quelque chose à faire.
- Spin Automatically on Submit fait de l’envoi et de la rotation une seule action. Le message de remerciement apparaît toujours d’abord, puis la roue démarre seule. Wait Before Auto-spin contrôle la pause ; 1,2 seconde est à peu près le minimum qui laisse le temps de lire le message.
- Button Text While Sending et les trois réglages de messages contrôlent le texte pendant l’envoi du formulaire et en cas de problème.
Il n’y a volontairement pas d’option de redirection ou de fermeture ici. Envoyer le visiteur ailleurs à la soumission lui retirerait la rotation qu’on vient de lui promettre.
Ne plus afficher la roue
Do Not Show This Wheel Again empêche la roue de réapparaître pour ce visiteur une fois qu’il a envoyé le formulaire. Cela se déclenche à l’envoi, pas à la rotation, car l’objectif est le prospect : une personne qui vous a donné son adresse a fait ce que vous vouliez, qu’elle ait tourné la roue ou non.
Laissez-le désactivé pendant vos tests, sinon la roue disparaîtra après votre première soumission de test. Le nombre de sessions pendant lesquelles la suppression dure se règle sur l’action, sous Placement et Trigger, pas dans le modèle.
Segments, probabilités et coupons
Identiques à la roue de la fortune standard. Entre quatre et huit segments, chacun avec un libellé, une chance de gain, une couleur, un message de lot et un code promo facultatif. Un segment sans code promo compte comme une part perdante. Tous les détails se trouvent sur la page Spin Wheel.
Un point à ajuster pour une roue verrouillée : les parts perdantes se lisent autrement une fois qu’on a payé avec son adresse e-mail. Limitez leur nombre, ou faites en sorte que chaque part donne quelque chose, même petit.
Style et affichage
Trois préréglages — dark, light et brand — et trois modes d’affichage. Inline intègre la roue dans la page, fullpage fait flotter la carte sur un calque assombri, et fullscreen transforme tout l’écran en arrière-plan avec la carte centrée.
Sur téléphone, la disposition s’empile : texte et formulaire d’abord, puis la roue en dessous. L’image au-dessus du titre peut être masquée sur mobile avec Image on Mobile, ce qui remonte nettement le formulaire et la roue sur un petit écran. Cela vaut la peine de tester les deux options.
Boutons
Le bouton No thanks s’affiche tant que la roue est verrouillée : un visiteur qui ne veut pas donner d’adresse peut tout fermer en un clic. Il disparaît une fois le résultat affiché.
L’option Show Button (after win) ajoute un appel à l’action à côté du lot ; c’est normalement là que vous envoyez le visiteur utiliser son coupon.
Exécuter votre propre code
Sous Custom Code, il y a deux points d’accroche. On Submit s’exécute avant l’envoi des données et reçoit les valeurs soumises ; renvoyer false annule la soumission, ce qui vous permet d’ajouter votre propre validation. After Submit s’exécute une fois le prospect enregistré et la roue déverrouillée : c’est le bon endroit pour déclencher votre propre événement d’analyse ou transmettre le prospect ailleurs.
Si quelque chose ne semble pas fonctionner
- Rien ne se passe à l’envoi du formulaire. Vérifiez que le champ e-mail a un attribut de profil choisi, et que vous ne regardez pas l’aperçu de l’éditeur, où les soumissions ne sont pas envoyées.
- La roue a disparu et ne revient pas. Do Not Show This Wheel Again est activé et vous avez déjà envoyé le formulaire. Effacez vos cookies ou testez dans une fenêtre de navigation privée.
- La roue ne tourne pas. C’est le verrou qui fait son travail. La roue ne tourne qu’après une soumission réussie.
- Vous ne voyez que le formulaire dans l’éditeur. C’est normal. Le message de remerciement et le résultat apparaissent après une vraie soumission.
Notes techniques
- Les trois étapes sont des étapes d’un même modèle, pas des actions séparées. Rien n’est chargé et aucune navigation n’a lieu entre elles.
- Le formulaire est envoyé via Personyze : le prospect est donc stocké dans le profil du visiteur et immédiatement disponible pour le ciblage.
- Si une soumission ne revient pas en douze secondes, le bouton est rétabli et un message s’affiche : il ne reste donc jamais bloqué sur son texte d’envoi.
- Un champ masqué dans le formulaire intercepte les soumissions automatisées sans captcha ; les vrais visiteurs ne le voient jamais.
- Qui voit la roue, où et à quelle fréquence se règle sur l’action, pas dans le modèle.
Pour aller plus loin
- Modèles Spin Wheel — les versions sans verrou, et tous les détails sur les segments et les probabilités.
- Modèles de formulaire de capture de prospects — les mêmes champs de formulaire sans le jeu.
- Modèles de popups pour site web — tous les formats de popup, et comment en choisir un.