ℹ️ 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 souhaitez offrir des réductions instantanées à vos visiteurs à travers un popup élégant? 🛍️

Discount PopUps sont parfaits pour partager des codes de coupons, recueillir des courriels, et accueillir les nouveaux clients et les clients qui reviennent avec des offres spéciales.

Ce guide vous accompagne dans tout le flux de configuration afin que vous puissiez lancer votre premier PopUp Discount 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 un nouveau popup de réduction

Ouvrir la Hoppy PopUps Annexe

Alors :

→ Cliquez sur Créer un nouveau popup

→ Sélectionner Popup de réduction de la liste des types de popup.

La page de configuration s'ouvrira automatiquement avec des champs adaptés aux campagnes de rabais.

📝 Étape 2 — Configurer le contenu

Après avoir ouvert la page de configuration, vous atterrissez à 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:

• Vente d'été PopUp
• Réduction du vendredi noir
• Offre de bienvenue
• Drop de code VIP

💡 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 clairement communiquer l'offre.

Exemple

• Titre: "Profitez de 20% de réduction sur tous les produits"
• Exposé succinct: "Inscrivez-vous et débloquez votre rabais instantané"

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 affichez uniquement une annonce.

⚙️ 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.

🏷️ Afficher le code de coupon

Choisissez si le code de coupon doit apparaître à l'intérieur du popup après la capture réussie de courriel.

Options disponibles:

• Oui — affiche le code de coupon aux visiteurs
• Numéro — cache la section du code coupon

Ceci est utile si les rabais sont appliqués automatiquement ou traités à l'extérieur.

ℹ️ Le code de coupon ne peut être affiché que si le courriel est capturé.

🎟️ Code du coupon

ℹ️ Ce champ est disponible une fois Afficher le code de coupon est porté à OUI.

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

💸 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.

☑️ 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

Une fois qu'un visiteur a soumis ses détails, vous pouvez afficher différents messages en fonction de s'il s'agit d'un nouveau client ou d'un client de retour.

• Message pour les nouveaux clients: "Bienvenue dans notre magasin !"
• Message pour les clients de retour: "Bienvenue de retour !"

Vous pouvez également ajouter une description sous chaque message — par exemple, des instructions sur la façon d'utiliser le code de coupon qu'ils viennent de recevoir.

🖱️ 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 — Définir les règles de déclenchement et d'affichage

Passez à la Placement/Tarification onglet pour contrôler quand et où votre PopUp Discount apparaît.

Type de déclenchement

Cela décide quel événement provoque le popup à montrer.

Options disponibles:

• Après le temps (Durée) — apparaît après un certain nombre de secondes
• Retour à la page — apparaît après que le visiteur défile un certain pourcentage
• Objet de sortie — apparaît lorsque le visiteur est sur le point de partir
• Ajouter au panier le bouton est cliqué — apparaît lorsqu'un article est ajouté au panier
• Après les vues de page — cela déclenche une fois qu'un nombre précis de pages ont été visitées.

Choisissez le déclencheur qui correspond le mieux à votre comportement de visiteur.

🔄 Fréquence d'affichage

Contrôler la fréquence à laquelle le même visiteur voit le popup :

• Afficher chaque fois — affiche sur chaque charge de page
• Une fois à chaque visite — affiche une fois par session de navigation
• Fréquence limite — vous permet de configurer un cooldown dans les jours avant la réapparition du popup

💡 Le popup cesse automatiquement d'afficher après qu'un visiteur soumet le formulaire.

📍 Ciblage des pages

Décidez quelles pages votre PopUp Discount devrait apparaître sur:

• Afficher sur chaque page
• Afficher sur la page d'accueil seulement
• Afficher sur toutes les pages de produits
• Afficher sur les pages de produits spécifiques
• Tous les produits dans des collections spécifiques
• Afficher sur toutes les pages de la collection
• Afficher sur des pages de collecte spécifiques
• Tous les produits avec des étiquettes spécifiques

Si vous choisissez une option spécifique, utilisez le sélecteur ou l'entrée d'étiquette pour finaliser votre sélection.

👥 Étape 4 — Configurer la cible client et emplacement

Toujours à l'intérieur Placement/Tarification Tranquille qui voit votre popup.

📱 Visibilité du périphérique

Choisissez quels appareils votre popup devrait apparaître sur :

• Bureau et mobile
• Uniquement bureau
• Uniquement mobile

🔐 État de connexion du client

• Afficher à tous les clients
• Afficher uniquement aux clients connectés

🏷️ Mots clés du client et durée de vie passée

Vous pouvez restreindre la visibilité en utilisant:

• Clients cibles basés sur l'étiquette du client — par exemple, montrer uniquement aux clients étiquetés VIP ou wholesale
• Clients cibles basés sur la durée de vie — indiquer uniquement aux clients qui ont dépensé plus d'un montant spécifique

Vous pouvez aussi cacher le popup à partir d'étiquettes spécifiques ou de seuils de dépenses au besoin.

🌍 Ciblage de géolocalisation

• Monde entier — aucune restriction
• Pays spécifiques — sélectionnez seulement les pays où vous voulez que le popup apparaisse

🔗 Sources UTM autorisées

Activez cela si vous voulez que le popup apparaisse uniquement pour les visiteurs provenant de sources de trafic spécifiques.

Plateformes prises en charge:

• TikTok
• Facebook
• Instagram
• Google
• Pays
• Twitter
• Code UTM personnalisé — saisissez vos propres paramètres UTM

⚠️ Si activé, les visiteurs arrivant directement (sans les paramètres UTM correspondants) ne verront pas le popup.

📅 Étape 5 — Calendrier (facultatif)

Si vous voulez que votre PopUp Discount ne fonctionne que pendant une période donnée, Calendrier section à l'intérieur de l'onglet Placement/Targissement.

Jeu & #160;:

• Date de début — quand le popup devrait commencer à montrer
• Date de fin — quand le popup doit cesser de s'afficher automatiquement

Si laissé en blanc, le popup fonctionne continuellement une fois publié.

🎨 Étape 6 — Concevoir votre popup (facultatif)

Passez au Conception onglet pour ajuster & #160;:

• Position popup (centre, coins)
• Taille et animation
• Couleurs de fond, dégradés ou images
• Polices, styles de boutons et rayon d'angle

💡 Vous pouvez sauter cette étape si le look par défaut correspond déjà à votre magasin.

Pour une visite complète de toutes les options de conception, consultez la documentation dédiée à la conception et au style.

✅ Étape 7 — 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 votre offre de réduction au bon moment
✅ Les courriels et les numéros de téléphone sont collectés automatiquement
✅ Les codes de coupon sont affichés après la soumission
✅ Différents messages accueillent les nouveaux clients vs retour
✅ Votre popup respecte les règles de ciblage, la programmation et les paramètres de l'appareil

Votre PopUp Discount est maintenant en direct et prêt à récompenser vos visiteurs 🚀

Mis à jour le : 10/09/2026