> ## 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 & Cross Sell > ℹ️ **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. Voulez-vous augmenter votre valeur de commande moyenne en montrant les bonnes recommandations de produit au bon moment? 🛍️ C'est exactement ça. **Hoppy Upsell & Cross Sell** est conçu pour. Avec cette application, vous pouvez créer des offres upsell & cross-sell qui apparaissent : * 🛍️ Sur le **Page produit** → sous le bouton Ajouter au panier * 🛒 Sur le **Page panier** → dans le panier * 🗂️ Dans **Tiroir** → tandis que les clients examinent leurs articles * 📌 Dans une **Position personnalisée** → n'importe où dans votre thème en utilisant un bloc d'application Ce guide vous accompagne dans la création de votre première campagne de upsell de bout en bout — de la sélection d'un placement à l'édition en direct sur votre magasin ✨ --- # **⚠️ Avant de commencer** Pour toute offre de vente ou de vente croisée d'apparaître sur votre devant **application intégrée** doit être activé dans votre Shopify thème. Allez à : **Shopify Admin → Chaînes de vente → Boutique en ligne → Thèmes → Modifier le thème → App Embeds** Alors : * Rechercher **Slider de vente croisée** * C'est parti. * Cliquez sur **Enregistrer** 💡 Lorsque vous ouvrez la première application, **Guide de configuration** sur la page d'accueil vous accompagne également à travers cette étape avec un **Éditeur de thème ouvert** bouton et une vérification en un clic. ℹ️ Sans l'intégration de l'application activée, vos offres ne seront pas rendues sur le devant de la boutique, même si elles sont publiées dans l'application. --- # **⚙️ Étape 1 — Créer une nouvelle vente** Ouvrir la **Hoppy Upsell & Cross Sell** application de votre Shopify Administrateur. Alors : → Cliquez sur **Créer de nouvelles ventes** en haut de la page pour lancer une nouvelle campagne. Vos upsells existantes (le cas échéant) sont listées sur la même page, où vous pouvez également les publier, les publier, les dupliquer ou les supprimer. --- # **📍 Étape 2 — Choisissez votre place** Ensuite, on vous demandera où l'offre devrait apparaître. Il existe 4 types de placements disponibles: * **Page produit** → Affiche les blocs upsell & cross-sell sous le bouton Ajouter au panier. Idéal pour les recommandations de style souvent achetées ensemble. * **Page panier** → Demander aux clients d'ajouter plus tout en examinant leur panier. * **Tiroir** → Afficher les offres à l'intérieur du tiroir du chariot, juste avant la caisse. * **Position personnalisée** → Permet de placer le bloc upsell n'importe où dans votre thème en utilisant un bloc app et votre **Numéro de vente**. → Cliquez sur **Sélectionnez ce type** sur la carte qui correspond à votre objectif. 💡 Tu ne sais pas par où commencer ? Les **Page produit** placement est le premier choix le plus courant — les recommandations apparaissent exactement là où l'intention d'achat est la plus élevée. Une fois sélectionné, la page de configuration s'ouvre automatiquement avec 3 onglets : * **Contenu** → Quels produits offrir et ce que dit l'offre * **Conception** → Comment l'offre ressemble * **Placement** → Où et à qui il apparaît Sur le côté droit, un **Aperçu en direct** (Desktop & Mobile) mises à jour lors de la configuration de vos paramètres 👀 --- # **📝 Étape 3 — Configurer l'onglet Contenu** C'est là que vous décidez **Quoi** C'est ton offre. Vous atterrissez ici d'abord après avoir choisi un placement. --- ## **🏷️ Nom de la vente** Un nom interne pour votre campagne — les clients ne le verront jamais. Utilisez quelque chose de reconnaissable, comme : * Accessoire d'été Upsell * Vente croisée du vendredi noir * Booster post-achat 💡 Une bonne désignation facilite la gestion de plusieurs campagnes plus tard. --- ## **🛍️ Sélectionnez les produits Upsell** Ce réglage contrôle **quels produits** être recommandé. Il y a 4 options : ### **🤖 AI Upsell (fréquemment achetés ensemble)** Automatiquement recommande des produits alimentés par ShopifyRecommandations de produit. Une fois sélectionné, un choix supplémentaire apparaît : * **Produits associés à Upsell** → Des éléments similaires à celui qui est vu * **Produits complémentaires Upsell** → Les éléments qui s'accordent bien avec elle ℹ️ Les recommandations d'IA utilisent les produits connexes/complémentaires que vous avez mis en ShopifyGratuit **Recherche & découverte** Annexe Un bouton raccourci est affiché dans l'application afin que vous puissiez l'ouvrir et y configurer des recommandations. ### **📦 Produits spécifiques Upsell** Produits exacts à proposer. Sélectionner ceci révèle une **Sélectionner des produits** bouton qui s'ouvre ShopifyC'est parfait pour la promotion d'un article spécifique ou l'élimination de l'inventaire. ### **🗃️ Collections spécifiques à la vente** Recommander des produits de collections entières. Sélectionner ceci révèle une **Sélection des collections** bouton. ### **🔁 Mise à jour du même produit (comme sur la page du produit)** Offre le même produit que le client est actuellement visionné — utile pour encourager les augmentations de quantité ou les compléments de variante. --- ## **⚙️ Paramètres de contenu supplémentaires** Ci-dessous la sélection de produits, quelques autres réglages de la façon dont l'offre se comporte: * **Auto Slide Upsell par Interval** → Quand **Activé**, le curseur du produit tourne automatiquement. Une **Durée de l'intervalle** champ apparaît où vous pouvez régler la vitesse de rotation en secondes. ℹ️ Le glissement automatique s'arrête automatiquement dès qu'un client clique sur les flèches de navigation gauche/droite. * **Titre de la vente** → Le titre indiqué ci-dessus les recommandations (par exemple: _Acheté fréquemment ensemble_ ou _Finissez votre look_) . Un éditeur de texte riche est disponible pour le formatage de base. * **Nombre max. de produits** → apparaît seulement pour **AI Upsell** et **Recouvrements spécifiques**. Contrôle combien de produits sont inclus dans le curseur (par défaut 3, jusqu'à 10) — les clients glissent ou utilisent les flèches pour les parcourir un à la fois. * **Appel au bouton Action** → Choisissez entre : * **Ajouter au panier** → Ajoute le produit directement au panier 🛒 * **Afficher le produit** → Apporte le client à la page produit * **Texte de bouton (Avant d'ajouter au panier)** → par exemple _Ajouter au panier_ * **Texte de bouton (Après ajout au panier)** → Afficher une fois l'article ajouté, p.ex. _Ajouter un autre_ — encourage les clients à continuer d'ajouter ✨ 🌐 **Traductions:** Si votre magasin vend en plusieurs langues, vous pouvez traduire le titre de vente et les textes de boutons par langue directement depuis l'onglet Contenu. Voir le guide dédié: Traduction → Une fois que votre contenu semble bon, cliquez **Continuer à concevoir** (ou ouvrir la **Conception** onglet directement). --- # **🎨 Étape 4 — Onglet design (Présentation générale)** Les **Conception** onglet contrôle l'apparence de votre bloc de upsell - couleurs de fond, espacement, typographie, style de bouton, et plus encore. Vous n'avez pas besoin de changer quoi que ce soit ici pour aller en direct — le design par défaut fonctionne hors de la boîte et l'aperçu en direct montre exactement comment il va apparaître. Pour une visite complète de toutes les options de style, voir: Design & Styling --- # **📌 Étape 5 — Choisissez où elle apparaît (onglet Placement)** Les **Placement** onglet décide **où** et **lorsque** Votre offre arrive. Seuls les éléments essentiels sont couverts ici — les règles avancées ont leur propre guide spécifique. --- ## **👀 Affichage (inclus)** C'est le placement le plus important — il définit quelles pages montrent votre offre. Les options disponibles dépendent du type de placement que vous avez choisi à l'étape 2: **Pour la page produit / Position personnalisée:** * **Tous les produits** → Affiche sur chaque page de produit * **Produits spécifiques** → Révèle un **Sélectionner le produit** bouton pour sélectionner les pages exactes * **Tous les produits dans des collections spécifiques** → Révèle un **Sélectionner la collection** bouton * **Tous les produits avec des étiquettes spécifiques** → Révèle un champ pour saisir des balises (comma-séparées) * **Position personnalisée** → Place le bloc via un bloc d'application dans votre éditeur de thème **Page de panier / Tiroir de panier :** * **Page panier** / **Tiroir** → Affiche à la position par défaut dans le panier * **Position personnalisée** → Place le bloc via un bloc app ℹ️ Un placement personnalisé est disponible uniquement pour la page produit et la page panier. ### **📌 Position personnalisée — Snippet d'identification et de code Upsell** Lorsque vous sélectionnez **Position personnalisée**, l'application montre votre **Numéro de vente** et une copie prête **extrait de code** après avoir économisé. Vous allez les coller dans votre bloc d'application d'éditeur de thème pour contrôler la position exacte de l'offre. Pour le parcours complet, voir: 🔎 Comment trouver l'identifiant d'Upsell ? --- ## **🚫 Ne pas afficher (à l'exclusion)** Utilisez ceci pour masquer l'offre de pages spécifiques: * **Ne pas exclure toute page de produit** (par défaut) * **Ne pas afficher sur les pages de produits dans des collections spécifiques** → Révèle un **Sélection des collections** bouton * **Ne pas afficher sur les pages de produits spécifiques** → Révèle un **Sélectionner des produits** bouton 💡 Les exclusions sont pratiques lorsque la plupart des produits doivent montrer l'offre mais quelques-uns (comme les cartes-cadeaux) ne devraient pas. --- ## **🎯 Afficher seulement quand (conditions)** Contrôler exactement quand l'offre devient visible: * ✅ **Afficher toujours** (par défaut) * **Nombre minimal de commandes** → Révèle un champ pour le compte d'ordre * **Afficher une fois par client** * **La valeur du panier est inférieure** → Révèle un champ de valeur maximum du panier * **La dernière commande remonte à plus de X jours.** → Révèle la valeur + unité (Jours / Semaines / Mois) * **La dernière commande a eu lieu dans les X derniers jours** → Révèle la valeur + unité (Jours / Semaines / Mois) ⚠️ Quand **Afficher toujours** est sélectionné, aucune autre condition ne peut être combinée avec elle — désélectionner d'abord pour construire des règles conditionnelles. L'onglet Placement comprend également **Ciblage temporel sur site**, **Ciblage des clients** (état de connexion, étiquettes, montant dépensé) **Ciblage géolocalisé** (pays spécifiques). Ils sont abordés en détail dans le guide dédié: 🎯 Options de ciblage avancées pour Upsell & Cross Sell --- # **💾 Étape 6 — Enregistrer vs publier** Il s'agit d'une distinction clé à comprendre : * **Enregistrer** → Conserve votre configuration, mais l'offre est **non visible** sur votre vitrine. Dès que vous changez de configuration, **Enregistrer la barre** apparaît en haut — cliquez **Enregistrer** pour garder vos changements ou **Éliminer** pour les rendre. * **Publier** → Faire l'offre **vivant** sur votre vitrine (tant que l'application est activée). Utiliser **Publier** bouton dans le coin supérieur droit de la page. ℹ️ Un nouveau upsell commence comme **Non publié** — toujours cliquer **Publier** après avoir économisé quand vous êtes prêt à aller vivre. De la même page, vous pouvez plus tard : * **Sans publication** → Prend l'offre hors de la vitrine sans la supprimer * **Dupliquer** → Crée une copie de la campagne * **Supprimer** → Enlève définitivement Le badge à côté du nom de la campagne affiche toujours l'état actuel : **Publié** ✅ ou **Non publié**. --- # **✅ Étape 7 — Confirmer C'est vivant** Juste après la publication, une bannière de confirmation apparaît en haut de la page : * Si **l'intégration de l'application est activée** → vous serez invité à confirmer l'offre est visible, avec des boutons à **Ouvrir le magasin** et de vérifier que tout semble bien. * Si **l'intégration de l'application n'est PAS activée** → vous verrez un **Activer l'intégration de l'application** bouton qui vous emmène directement au bon endroit dans votre éditeur de thème. Pour **Position personnalisée** les campagnes, **Ajouter un bloc d'application** bouton apparaît également, qui ouvre l'éditeur de thème de sorte que vous pouvez placer le bloc exactement où vous voulez. Si votre offre n'apparaît pas après publication, consultez : Upsell & Cross Sell n'est pas montré sur mon magasin \[Fixé\] --- # **🎉 Résultat final** Une fois configuré et publié, votre offre de upsell & cross-sell apparaîtra automatiquement sur les pages sélectionnées : ✅ Les clients voient les recommandations de produit pertinentes pendant les achats ✅ Offres apparaissent sur les pages de produit, page de panier, tiroir de panier, ou positions personnalisées ✅ Ajouter au panier les boutons fonctionnent directement à l'intérieur du bloc upsell ✅ Conditions et exclusions assurez-vous que les bons acheteurs voient la bonne offre ✅ Votre valeur de commande moyenne obtient un coup de pouce naturel 📈 Une campagne de upsell bien placée est l'un des moyens les plus simples pour augmenter les revenus du trafic que vous avez déjà ✨ --- # **📚 Guides connexes** * 🎨 Upsell & Cross Sell – Conception et styling * 🎯 Options de ciblage avancées pour Upsell & Cross Sell * 🌍 Upsell & Cross Sell — Traduction * 🔎 Comment trouver l'identifiant d'Upsell ? * Upsell & Cross Sell n'est pas montré sur mon magasin \[Fixé\]