Roue de la rentrée — Etam Suisse, 2026
Perdu ? Rejouez en vous inscrivant : la roue de la rentrée qui a transformé une seconde chance en inscription newsletter.
Contexte
Pour la rentrée, Etam Suisse voulait un temps fort « back to work » propre à son marché, dans la lignée du jeu de Pâques : une mécanique ludique qui offre une réduction tout en servant un objectif business. La réponse a été une roue de la fortune en popin, ouverte dès l'arrivée sur le site. La contrainte principale venait du marché lui-même : le site suisse existe en français et en allemand, et la même popin devait fonctionner sur les deux sans être dupliquée.
Approche
La roue est générée dynamiquement : ses neuf segments sont lus depuis le HTML, dessinés en conic-gradient et étiquetés par calcul trigonométrique, avec des libellés qui tournent en sens inverse pour rester lisibles. Tous les textes restent éditables dans le HTML par l'équipe contenu, tandis que les codes promo et les réglages sont centralisés dans une configuration JS. La mécanique la plus intéressante est le « retry » : une cliente qui tombe sur ce segment peut rejouer en s'inscrivant à la newsletter, via l'endpoint natif de Salesforce Commerce Cloud protégé par reCAPTCHA v2. Le script détecte la langue dans l'URL pour choisir le bon endpoint et les bons messages, et attend que la clé reCAPTCHA soit disponible côté plateforme avant d'initialiser le widget.
Resultat
Etam Suisse a eu une animation de rentrée qui fait deux choses à la fois : elle distribue des réductions et elle transforme une seconde chance en inscription newsletter.