🛍️ Comment configurer Upsell 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 souhaitez augmenter votre valeur de commande moyenne en suggérant les bons produits au bon moment? 🚀
Upsell PopUps vous permet de recommander des produits directement à l'intérieur d'un popup — qu'il s'agisse de suggestions alimentées par l'IA ou d'articles sélectionnés à la main — afin que les acheteurs puissent ajouter plus à leur panier sans quitter la page.
Ce guide vous accompagne dans toute la configuration afin que vous puissiez lancer votre premier Upsell 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 un nouveau popup de vente
Ouvrir la Hoppy PopUps Annexe
Alors :
→ Cliquez sur Créer un nouveau popup
→ Sélectionner PopUp de la vente de la liste des types de popup.
La page de configuration s'ouvrira automatiquement avec des champs adaptés pour les campagnes de upsell.
📝 É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 Summer Upsell
- Booster de Vendredi Noir
- Recommandation produit Entonnoir
- Vérification de la vente
💡 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 la valeur.
Exemple
- Titre: "Remplissez votre look"
- Exposé succinct: "Les clients ont également acheté ces produits"
Vous pouvez les personnaliser pour correspondre à votre voix de campagne.
❌ Fermer l'icône
Les Fermer l'icône réglage vous permet de contrôler si les clients peuvent fermer manuellement le popup.
Cette fonctionnalité comprend une option de case à cocher/toggle qui peut :
- ✅ Afficher l'icône Fermer
- ❌ Cacher l'icône étroite
Lorsqu'il est activé :
→ Les clients verront une icône étroite sur le popup
→ Les clients peuvent rejeter manuellement le popup quand ils veulent
En cas de handicap:
→ L'icône close n'apparaîtra pas
→ Les clients ne pourront pas fermer manuellement le popup en utilisant le bouton de fermeture
⚠️ Important:
Désactiver l'icône Close peut augmenter la visibilité du popup, mais elle peut aussi affecter l'expérience client si le popup devient difficile à rejeter.
Nous recommandons généralement de garder l'icône Close activé à moins qu'une campagne spécifique n'exige le contraire.
🖱️ 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:
- Fermer Popup — le popup fermera
- 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".
- 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 produits de vente
Passez à la Vente onglet pour contrôler quels produits sont recommandés à l'intérieur du popup.
C'est le noyau de votre PopUp Upsell — voici où vous décidez ce que les acheteurs voient.
📦 Type de mise à jour
Choisissez comment produire les recommandations du produit :
- AI Upsell (fréquemment achetés ensemble) — usages Shopify'le moteur de recommandation de suggérer automatiquement des produits connexes ou complémentaires basés sur ce que le client regarde.
ℹ️ Cette option ne fonctionnera pas sur la page d'accueil car elle dépend du contexte du produit.
- Produits spécifiques Upsell — choisir manuellement les produits exacts que vous souhaitez recommander.
- Collections spécifiques à la vente — afficher les produits de collections sélectionnées.
- Mise à jour du même produit (comme sur la page du produit) — montre le même produit que le client est actuellement vu, utile pour encourager les achats en fonction de la quantité.
🎯 Type de recommandation (AI Upsell seulement)
Si vous avez sélectionné AI Upsell, choisissez le style de recommandation:
- Produits associés à Upsell — suggère des éléments similaires à ceux du contexte
- Produits complémentaires Upsell — suggère des éléments qui s'accordent bien
Vous pouvez gérer ces recommandations en utilisant ShopifyL'application Recherche & Découverte.
🖼️ Structure de la grille de produits
Contrôler l'affichage des produits de upsell :
- Nombre de colonnes dans le bureau — combien de produits apparaissent côte à côte sur le bureau
- Nombre de colonnes dans mobile — combien de produits apparaissent côte à côte sur mobile
🔢 Nombre max. de produits
Définissez le nombre maximal de produits à afficher dans la grille de vente. Cela aide à garder le popup propre et concentré.
💡 Disponible lorsque vous utilisez AI Upsell ou des collections spécifiques.
🛒 Texte du bouton d'appel à action
Configurez le texte du bouton upsell pour deux états :
- Texte de bouton (Avant d'ajouter au panier) — par exemple "Ajouter au panier"
- Texte de bouton (Après ajout au panier) — par exemple "Ajouter un autre"
Cela donne aux clients une rétroaction claire après avoir interagi avec une recommandation.
🎨 Étape 4 — Concevoir votre popup (facultatif)
Passez au Conception onglet pour ajuster & #160;:
- Position popup, 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 un survol complet de toutes les options de conception, consultez la documentation dédiée PopUps - Design & Styling [Link].
🖱️ É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 Upsell 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 de chaque option de ciblage, consultez la documentation dédiée aux options de ciblage avancées PopUp [Link].
✅ Étape 6 — Enregistrer et publier
Une fois que tout semble bien :
- Cliquez sur Enregistrer pour stocker votre configuration
- 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 :
✅ Visiteurs voir les recommandations de produit pertinentes dans le popup
✅ Les courriels et les numéros de téléphone sont collectés automatiquement (si activé)
✅ Les acheteurs peuvent ajouter des produits de upsell directement à leur panier
✅ Votre popup respecte les règles de ciblage, la programmation et les paramètres de l'appareil
✅ La valeur de commande moyenne s'améliore grâce aux suggestions de produits intelligents
Votre Upsell PopUp est maintenant en direct et prêt à développer vos ventes 🚀
Mis à jour le : 10/09/2026
Merci !