> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎡 Comment configurer Spin Wheel PopUps > ℹ️ **Note:** Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien. Vous voulez transformer la collection de courriels en un jeu amusant et interactif ? 🎉 Spin Wheel PopUps permettent aux visiteurs de tourner une roue colorée pour gagner des réductions, une livraison gratuite ou des offres spéciales. C'est l'une des façons les plus engageantes de développer votre liste d'abonnés tout en donnant aux clients une expérience de marque mémorable. Ce guide vous accompagne dans toute la configuration afin que vous puissiez lancer votre premier Spin Wheel PopUp en quelques minutes. --- # **✅ Avant de commencer — Activer l'intégration de l'application** Pour que tout popup apparaisse sur votre boutique, l'intégration de l'application doit être activée à l'intérieur de votre Shopify thème. Allez à : **Shopify Admin → Chaînes de vente → Boutique en ligne → Thèmes → Modifier le thème → App Embeds** Alors : * Rechercher **Hoppy Popups** * C'est parti. **SUR** * Cliquez sur **Enregistrer** ℹ️ Sans cette étape, votre popup ne sera pas rendu sur le magasin même après publication. --- # **⚙️ Étape 1 — Créer une nouvelle roue de spin popup** Ouvrir la **Hoppy PopUps** Annexe Alors : → Cliquez sur **Créer un nouveau popup** → Sélectionner **Popup Spin Wheel** de la liste des types de popup. La page de configuration s'ouvre automatiquement avec une roue pré-construite prête à être personnalisée. --- # **📝 Étape 2 — Configurer le contenu** Après avoir ouvert la page d'installation, vous atterrirez à l'intérieur de la **Contenu** onglet. Cette section contrôle ce que vos visiteurs voient et comment ils interagissent avec le popup. --- ## **🏷️ Nom popup** Ce champ est utilisé à des fins internes seulement. Les clients ne verront jamais ce nom. Vous pouvez utiliser n'importe quel nom reconnaissable tel que: * Campagne Spin & Win * Roue des rabais * Lucky Spin Popup * Offre de roue anniversaire 💡 L'utilisation de noms internes appropriés facilite l'identification des configurations plus tard, surtout si votre magasin exécute plusieurs campagnes. --- ## **💬 Titre & Description** Ceux-ci apparaissent en haut de votre popup et devraient inviter les visiteurs à jouer. ### **Exemple** * **Titre:** "Spin la roue et gagner" * **Exposé succinct:** "Essayez votre chance et débloquez un rabais spécial" Vous pouvez les personnaliser pour correspondre à votre voix de campagne. --- ## **📧 Collecte d'emails et de téléphones** Choisissez les champs à afficher dans votre popup : * **Afficher le champ de collecte des courriels** — capture les courriels des visiteurs * **Afficher le champ numéro de téléphone** — capture les numéros de téléphone avec sélection de code pays Vous pouvez montrer les deux, un seul, ou non si vous dirigez uniquement un jeu sans collection. --- ## **⚙️ Paramètres supplémentaires de la collection et du coupon** Cette section vous donne un contrôle supplémentaire sur la façon dont l'information sur les visiteurs est recueillie et comment les rabais sont présentés dans le popup. --- ### **📩 Courriel Collection Champ Titulaire** Personnalisez le texte de placeholder affiché dans le champ d'entrée de l'email. ### **Exemple** * "Entrez votre courriel" * "Votre meilleure adresse e-mail" Cela aide les visiteurs à savoir quelles informations ils devraient saisir. --- ### **❌ Message d'erreur d'email** Définissez le message de validation affiché lorsqu'un visiteur entre une adresse courriel invalide. ### **Exemple** * "Veuillez saisir une adresse email valide" Cela apparaît automatiquement si le format d'email saisi est incorrect. --- ### **📱 Code de pays par défaut** Choisissez le code de pays par défaut pour le champ numéro de téléphone. ### **Exemple** * États-Unis (+1) * Royaume-Uni (+44) * Inde (+91) Les visiteurs peuvent encore changer le pays manuellement à moins de restrictions. --- ### **📞 Numéro de téléphone** Personnalisez le texte du détenteur de place affiché dans le champ numéro de téléphone. ### **Exemple** * Entrez votre numéro de téléphone * "Numéro mobile" Cela améliore la clarté et encourage le formatage approprié. --- ### **⚠️ Message d'erreur du numéro de téléphone** Définissez le message affiché lorsqu'un numéro de téléphone invalide est entré. ### **Exemple** * "Veuillez saisir un numéro de téléphone valide " Cela aide les visiteurs à comprendre pourquoi la soumission a échoué. --- ### **🔘 Texte du bouton** Personnalisez le texte du bouton d'appel à l'action affiché dans le popup. ### **Exemple** * "Acheter maintenant" * "Réduction de réclamation" * "Débloquer l'offre" Utiliser un texte orienté vers l'action peut améliorer les conversions. --- ### **☑️ Ajouter une case à cocher Opt-In** Choisissez s'il faut afficher une case opt-in supplémentaire dans le popup. Ceci peut être utilisé pour: * Consentement à la commercialisation * Consentement par SMS * Abonnements à la newsletter * Avis Options disponibles: * **Oui** — affiche la case à cocher * **Numéro** — cache la case à cocher --- ### **❎ Fermer l'icône** Activer ou désactiver l'icône close affichée sur le popup. * **Activé** — les visiteurs peuvent fermer manuellement le popup * **Handicapé** — supprime l'icône étroite de la popup Cela aide à contrôler à quel point l'expérience popup doit être dédaignable. --- ## **✉️ Messages de réussite** Après qu'un visiteur soumet ses détails et tourne la roue, un message de succès apparaît. * **Message de réussite :** "Bienvenue dans notre magasin !" Vous pouvez également ajouter une **Description du succès** — par exemple, des instructions sur la façon de racheter le prix qu'ils viennent de gagner. --- ## **🖱️ Bouton Cliquez sur Comportement** ℹ️ Cette option n'est disponible que lorsque "Afficher le champ de messagerie" et "Afficher le champ de numéro de téléphone" sont décochés. Il vous permet de contrôler ce qui se passe quand un visiteur clique sur le bouton CTA à l'intérieur du popup. Il s'occupe de l'une ou l'autre des tâches suivantes: 1. **Fermer Popup** — le popup fermera 2. **Code du coupon de révélation** — le code coupon sera révélé au visiteur, mais vous aurez configuré le code coupon comme décrit ci-dessus dans la section "Afficher le code coupon". 3. **Rediriger vers le lien** — en sélectionnant ceci vous donnerait un champ d'entrée appelé "Lien" où vous pouvez spécifier l'URL vers laquelle le visiteur sera redirigé --- ## **☁️ Bouton d'action flottant** Vous pouvez ajouter un **Bouton d'action flottant** qui reste visible sur la page afin que les visiteurs puissent rouvrir le popup après la fermeture. Choisissez une position : * **En bas à droite** * **En bas à gauche** * **Écran droit** * **Écran gauche** Puis entrez le **Texte du bouton** — par exemple "Open Offer", "Get Discount", ou "En savoir plus". Pour désactiver entièrement le bouton flottant, sélectionnez **Désactiver le bouton d'action flottant**. --- # **🎡 Étape 3 — Configurer les récompenses des roues** Toujours à l'intérieur **Contenu** onglet, défiler vers le **Récompenses pour roues** Chapitre. C'est là que vous définissez chaque tranche de la roue — ce que les visiteurs peuvent gagner et à quel point ils sont susceptibles de gagner. --- ### **💸 Demande de rabais** Cette option contrôle l'application de la réduction. Il a deux options: 1. **Le client devra appliquer la réduction manuellement** — le client devra entrer le code de coupon lors de la commande pour recevoir la réduction. 2. **Appliquer automatiquement la réduction** — la réduction sera appliquée automatiquement pendant la commande sans que le client ait à entrer le code de coupon. ⚠️ **Important:** * Notre application ne crée pas ou ne gère pas les codes de coupons/réductions. Vous devez les créer dans Shopify Admin → Réductions avant de les utiliser dans le popup. --- ## **🎁 Ajout et édition de tranches** Chaque tranche de la roue a quatre réglages : Réglage Ce qu'il fait **Étiquette** Le texte affiché sur la tranche de roue (par exemple "10% OFF", "Free Ship") **Poids probable** Un nombre qui contrôle combien de fois cette tranche gagne. Plus élevé = plus probable. **Code de réduction** Le code de coupon réel que le visiteur reçoit si cette tranche atterrit. Peut être laissé en blanc. **Message** Un message personnalisé affiché après la rotation (par exemple "Essayez encore la prochaine fois...") ### **Exemple de configuration** Étiquette probabilité Code Message 3 OFFRES 20 SAUVE3 "" NAVIRES LIBRE 20 LIBERTÉ7 "" 7% OFF 20 SAUVE7P "" PAS DE LUCK 10 "" "Essayez encore la prochaine fois..." 12 % OFF 10 SAUVE12P "" --- ### **🎟️ Ajout de codes de coupon de réduction** Pour afficher un code de coupon, vous pouvez : 1. Sélectionnez l'un des codes de coupon que vous avez créé dans Shopify Admin → Réductions en cliquant sur Sélectionner/Modifier la Réduction. 2. Vous pouvez en créer un nouveau en cliquant sur **Créer un nouveau rabais**. ### **Exemple** * SAUVE10 * BIENVENUE20 * COUPON123 --- ## **➕ Ajouter plus de tranches** Cliquez sur **Ajouter plus** pour créer des segments de roues supplémentaires. Il n'y a pas de limite stricte — ajoutez autant que vous le souhaitez pour rendre la roue excitante et variée. --- ## **🗑️ Supprimer les tranches** Cliquez sur l'icône à côté de n'importe quelle tranche pour la supprimer. Les probabilités des tranches restantes détermineront automatiquement les nouvelles chances de gagner. --- # **🎨 Étape 4 — Concevoir votre roue (facultatif)** Passez au **Conception** onglet pour ajuster comment la roue de rotation ressemble. Vous trouverez ici des options spécifiques aux roues: * **Couleurs des tranches** — couleurs alternées pour les segments de roues * **Couleur et police de l'étiquette de tranche** — style de texte sur la roue elle-même * **Couleur des roues** — l'anneau extérieur de la roue * **Couleur de la flèche** — le pointeur en haut * **Couleur du cercle central** — le centre au milieu * **Couper la couleur et la police du message** — style pour les messages post-spin 💡 Le Spin Wheel PopUp est livré avec des couleurs chaudes et ludiques par défaut. Vous pouvez les conserver ou les aligner avec votre marque. Pour une visite complète de toutes les options de conception, consultez la documentation dédiée à la conception et au style. --- # **🖱️ Étape 5 — Définir les règles de déclenchement et d'affichage** Passez à la **Placement/Tarification** onglet pour contrôler quand et où votre Spin Wheel PopUp apparaît. Paramètres clés que vous rencontrerez : * **Type de déclenchement** — After Time, Page Scroll, Exit-Intent, Ajouter au panier bouton cliqué ou Après la page vues * **Fréquence d'affichage** — Montrer à chaque fois, une fois par visite, ou limite avec un refroidissement * **Ciblage des pages** — Chaque page, maison uniquement, produits spécifiques, collections ou étiquettes * **Ciblage des clients** — Statut de connexion, tags clients, durée de vie passée * **Géolocalisation** — Tous pays du monde ou pays spécifiques * **Calendrier** — Dates facultatives de début et de fin Pour des explications détaillées sur chaque option de ciblage, consultez la documentation dédiée à la cible avancée. --- # **✅ Étape 6 — Enregistrer et publier** Une fois que tout semble bien : 1. Cliquez sur **Enregistrer** pour stocker votre configuration 2. Cliquez sur **Publier** pour faire le popup en direct sur votre devant de magasin ⚠️ **Sauver seul ne rend pas le popup visible pour les clients.** Vous devez le publier. Si l'application n'est pas encore activée, une bannière vous rappellera de l'activer dans votre Shopify éditeur de thème. --- # **🎉 Résultat final** Une fois configuré avec succès : ✅ Les visiteurs voient une roue de rotation interactive sur votre devant de magasin ✅ Chaque tour offre une récompense randomisée en fonction de vos paramètres de probabilité ✅ Les courriels et les numéros de téléphone sont collectés automatiquement (si activé) ✅ Les codes de rabais sont révélés après la rotation ✅ Votre popup respecte les règles de ciblage, la programmation et les paramètres de l'appareil Votre Spin Wheel PopUp est maintenant en direct et prêt à ravir vos visiteurs 🚀 ---