> ## 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 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: 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 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 : 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 : ✅ 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 🚀 ---