> ## 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 Product Upsell > ℹ️ **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 recommandant les bons produits au bon moment? 🛍️ C'est exactement ce que **Produit Upsell (Slider)** type d'offre **Hoppy Bundles** est conçu pour. Avec cette offre, vous pouvez afficher un magnifique slider produit sur vos pages de produits qui recommande des produits supplémentaires à vos clients, tels que: * 🧠 Recommandations alimentées par l'IA (Produits connexes ou complémentaires) * 🎯 Produits spécifiques sélectionnés à la main que vous souhaitez promouvoir Les clients peuvent ajouter les produits recommandés à leur panier directement depuis le curseur — sans jamais quitter la page produit ✨ Dans ce guide, nous allons vous guider à travers la configuration complète, étape par étape, de sorte que votre slider upsell est en direct en quelques minutes ⚙️ --- # **📋 Avant de commencer** Avant de créer votre premier produit Upsell, assurez-vous que vous êtes prêt: * ✅ **Hoppy Bundles installé** sur votre Shopify magasin * ✅ Une idée grossière de **quels produits** vous voulez recommander (ou si vous voulez que l'IA décide pour vous) * ✅ _(Uniquement pour AI Upsell)_ Les libres **Shopify Application Recherche & Découverte** installé — c'est là que Shopify stocke vos recommandations de produits connexes et complémentaires ℹ️ Le slider produit Upsell fait **pas** créer des rabais. Les produits recommandés sont ajoutés au panier à leur prix régulier — c'est simplement un outil de recommandation de produit 💡 --- # **✅ Étape initiale — Activer l'application intégrée** Pour que le curseur d'upsell apparaisse sur votre vitrine, le Hoppy Bundles app embed doit être activé à l'intérieur de votre Shopify thème. Allez à : **Shopify Admin → Boutique en ligne → Thèmes → Modifier le thème → App Embeds** De là: 1. Ouvrir la **Embeds d'application** section de la barre latérale gauche 2. Trouvez la **Hoppy Bundles** application intégrée 3. C'est parti. **SUR** ✅ 4. Cliquez sur **Enregistrer** ⚠️ Ne vous inquiétez pas si vous sautez cette étape — après avoir publié votre offre, Hoppy Bundles vous montrera une bannière de rappel avec un direct **Activer l'intégration de l'application** bouton qui vous mène directement à la bonne place dans l'éditeur de thème. --- # **⚙️ Étape 1 — Créer une nouvelle offre de mise à jour de produit** Des **Hoppy Bundles** tableau de bord de l'application & #160;: 1. Cliquez sur **Créer une nouvelle offre** 2. Sur le **Sélectionner le type d'offre** écran, trouver le **Produit Upsell (Slider)** carte 🏷️ 3. Cliquez sur **Créer Upsell Slider** Vous atterrissez sur le **Créer Upsell Slider** la page de configuration. La page de configuration est divisée en deux zones : * **Côté gauche** → Vos paramètres, organisés en 3 onglets : **Généralités**, **Conception**et **Ciblage et placement** * **Côté droit** → A **Aperçu en direct** de votre curseur sur les deux 🖥️ Bureau et 📱 Mobile, qui met à jour instantanément lorsque vous changez les paramètres 💡 Chaque changement que vous faites se reflète dans l'aperçu en temps réel — n'hésitez pas à expérimenter! --- # **🏷️ Étape 2 — Nommez votre offre et définissez le titre du curseur** Sur le **Généralités** onglet, commencer par les bases: ## **Nom de l'offre** Ce nom est **seulement visible pour vous** à l'intérieur de l'application — les clients ne le voient jamais. Utilisez quelque chose de reconnaissable pour votre propre référence, comme: * _Collection estivale Upsell_ * _Accessoires Slider_ ## **Titre du slider** Voici la rubrique clients **verra** au-dessus du curseur sur votre devant de magasin. Le titre par défaut est **Vous pourriez aussi aimer**, mais vous pouvez le changer à tout ce que vous voulez, comme: * _Compléter le look_ * _Paire bien avec_ * _Les clients ont également acheté_ ⚠️ Les **Slider Title est requis** — si vous la laissez vide, vous verrez _Le titre de la diapositive est requis._ erreur et won't être capable de sauvegarder. --- # **🔢 Étape 3 — Configurer les paramètres du curseur** Toujours sur le **Généralités** onglet, le **Paramètres** la section contrôle combien de produits sont visibles à la fois à l'intérieur du curseur: * **Produits par diapositive (Desktop)** → Combien de produits montrent par diapositive sur les écrans de bureau _(par défaut : 3)_ * **Produits par diapositive (Mobile)** → Combien de produits montrent par diapositive sur les appareils mobiles _(par défaut: 2)_ ℹ️ Si vous sélectionnez plus de produits que s'adapter sur une diapositive, les clients peuvent glisser ou naviguer à travers le curseur pour voir le reste — alors n'ayez pas peur d'ajouter beaucoup de recommandations. --- # **🛍️ Étape 4 — Sélectionnez vos produits Upsell** C'est le cœur de votre offre ❤️ — choix **quels produits** être recommandé à l'intérieur du curseur. Vous avez deux options : --- ## **Option 1 — Mise à niveau de produits spécifiques _(par défaut)_** Pick-hand les produits exacts que vous souhaitez recommander: 1. Sélectionner **Produits spécifiques Upsell** 2. Cliquez sur **Sélectionner des produits** 3. ShopifyLe sélectionneur de produits ouvrira — rechercher et sélectionner un ou plusieurs produits 4. Confirmez votre sélection ✅ Vos produits sélectionnés apparaîtront comme une liste sous le bouton, et instantanément dans l'aperçu en direct. 💡 Cette option est parfaite lorsque vous voulez un contrôle complet — par exemple, toujours recommander des accessoires assortis sur une page de produit spécifique. --- ## **Option 2 — Mise à jour de l'IA (fréquemment achetée ensemble)** Laissez ShopifyL'IA décide quels produits recommander pour chaque page produit automatiquement. Lorsque vous sélectionnez cette option, deux types de recommandations deviennent disponibles : * **Produits associés à Upsell** → Produits similaires à celui qui est vu * **Produits complémentaires Upsell** → Les produits qui vont bien ensemble avec celui qui est vu ⚠️ **Important:** AI Upsell utilise les recommandations que vous configurez dans le free **Shopify Application Recherche & Découverte**. Vous verrez une bannière de rappel avec un **Recherche et découverte ouvertes** bouton — utilisez-le pour configurer vos produits associés ou complémentaires par produit, sinon le curseur peut n'avoir rien à montrer. ## **Nombre max. de produits** Lorsque AI Upsell est sélectionné, un champ supplémentaire apparaît : **Nombre max. de produits** → Le nombre maximal de produits recommandés indiqué dans le curseur _(jusqu'à 10 ans)_. --- ⚠️ **Levez la tête !** Commutation entre _Produits spécifiques Upsell_ et _AI Upsell_ **efface votre sélection de produits actuelle**. Choisissez d'abord votre approche, puis sélectionnez des produits. --- # **🌍 Étape 5 — Traductions (facultative)** Vendre en plusieurs langues ? Les **Traduction** section sur l'onglet Général vous permet de traduire les textes slider pour chacune des langues de votre magasin. Cette étape est complètement optionnelle pendant la configuration — vous pouvez toujours y revenir plus tard. Pour une visite complète, consultez notre **Guide de traduction** 📖 --- # **🎨 Étape 6 — Personnaliser le dessin (facultatif)** Passez au **Conception** onglet pour faire le curseur correspondent parfaitement à votre marque 🎨 Voici un aperçu rapide de ce que vous pouvez personnaliser: * **Police** → Utilisez votre police thématique (par défaut) ou choisissez parmi une grande liste de polices * **Typographie & couleurs** → Taille du texte, poids et couleur pour le titre de curseur, les titres de produit, les prix et le bouton Ajouter au panier * **Frontière** → Largeur limite et rondeur d'angle (rayon) des cartes produit * **Couleurs de fond et de bordure** → Pour les cartes produit et le bouton Tous les changements mettent à jour instantanément dans l'aperçu en direct sur la droite 🖥️📱 ℹ️ La conception par défaut semble déjà propre hors de la boîte, de sorte que vous pouvez sauter cela en toute sécurité lors de votre première configuration et l'affiner plus tard. Pour une plongée profonde dans chaque option de style, consultez notre **Guide de conception et de styling** 📖 --- # **📍 Étape 7 — Choisir le placement** Passez au **Ciblage et placement** onglet et décider **où** le curseur apparaît. Vous avez deux options de placement: ## **Ajouter au panier Bouton (Défaut)** Le curseur est automatiquement placé juste en dessous de la **Ajouter au panier** bouton sur vos pages de produits. Pas de travail supplémentaire nécessaire — c'est l'option recommandée pour la plupart des magasins ✅ ## **Personnalisé (seulement sur la page du produit)** Choisissez ceci si vous voulez positionner le curseur manuellement, où vous voulez sur la page du produit. Lorsque sélectionné, l'application vous montre deux choses : * **Hoppy Bundles Numéro d'identification** → Utilisez cette ID avec la Hoppy Bundles bloc app dans votre éditeur de thème pour ajouter, supprimer ou repositionner le curseur * **Hoppy Bundles extrait de code** → Une petite `
` snipet vous pouvez coller n'importe où dans votre code thème ⚠️ L'identifiant et l'extrait de code apparaissent seulement **après avoir enregistré ou publié** l'offre — ainsi sauvez d'abord, puis copiez-les. --- # **🎯 Étape 8 — Définir le ciblage et le calendrier (facultatif)** Toujours sur le **Ciblage et placement** onglet, vous trouverez des contrôles optionnels pour **qui** voit le curseur et **lorsque** 👇 ## **👤 Ciblage des clients** Contrôler quels clients voient le curseur: * **Visibilité (état de la connexion du client)** → Afficher à tous les clients, ou seulement aux clients connectés * **Afficher la barre à** → Tous les clients, les clients avec un **étiquette client** (par exemple) `premium, wholesale`) ou des clients au-dessus d'un certain **durée de vie** Montant * **Cacher la barre de** → En option exclure les clients par tag ou la vie passée ## **🌍 Ciblage de géolocalisation** * **Monde entier** _(par défaut)_ → Afficher le curseur aux visiteurs de tous les pays * **Pays spécifiques** → Cliquez sur **Sélectionner les pays** pour ouvrir le sélectionneur de pays, rechercher et sélectionner exactement où le curseur doit apparaître ## **🗓️ Calendrier** Parfait pour les campagnes à temps limité: * **Démarrer** → _Tout de suite_ (par défaut) ou _Date spécifique_ et heure * **Fin** → _Jamais_ (par défaut) ou _Date spécifique_ et heure ℹ️ Toutes ces options de ciblage sont facultatives. Pour la plupart des magasins, les par défaut (montrer à tout le monde, partout, toujours) fonctionnent bien pour commencer. Pour les configurations avancées, consultez notre **Guide de ciblage** 📖 --- # **🚀 Étape 9 — Enregistrer et publier** Vous êtes presque fini ! 🎉 ## **Sauvegardez votre offre** Chaque fois que vous faites des changements, **Enregistrer la barre** apparaît en haut de la page: * Cliquez sur **Enregistrer** pour stocker votre offre **Projet** 📝 * Cliquez sur **Éliminer** pour revenir à vos changements ⚠️ Sur une nouvelle offre, la **Publier** bouton reste désactivé jusqu'à ce que vous ayez enregistré au moins une fois — donc frapper **Enregistrer** D'abord. ## **Publier votre offre** Une fois enregistré, cliquez sur **Publier** dans le coin supérieur droit pour faire le curseur en direct sur votre magasin 🚀 Après publication, Hoppy Bundles affiche une bannière de confirmation: * Si **l'application include est encore activé**Vous verrez _Assurez-vous que l'application Embed est active_ bannière avec une **Activer l'intégration de l'application** bouton — cliquez dessus et activez l'intégration (voir l'étape initiale ci-dessus) * Si tout est actif, cliquez sur **Ouvrir le magasin** pour voir votre curseur en direct sur une page de produit ✨ Vous pouvez **Sans publication** à tout moment pour prendre le curseur hors ligne sans perdre vos paramètres. --- # **⚠️ Notes et conseils importants** * 💰 **Aucun rabais n'est appliqué** — le slider Product Upsell recommande des produits à leur prix régulier. Si vous voulez des paquets réduits, consultez notre **Ensemble** ou **Quantité Pause** proposer plutôt des types * 🧠 **AI Upsell Besoins Recherche & Découverte** — sans produits connexes/complémentaires configurés dans la Shopify Application Recherche & Découverte, le curseur AI peut apparaître vide * 🔄 **Changer de type upsell réinitialise votre sélection** — changement entre _Produits spécifiques_ et _AI Upsell_ efface les produits que vous avez choisis * 🗑️ **La suppression est permanente** — les **Supprimer** action (en haut de la page d'édition) supprime l'offre _et_ ses statistiques analytiques pour toujours. Cela ne peut être annulé * 📄 **Dupliquer offre facilement** — utiliser **Dupliquer** action sur toute offre existante pour créer une copie et la modifier, au lieu de partir de zéro --- # **🎉 Résultat final** Qu'est-ce que c'est: votre produit Upsell slider est en direct! 🥳 Vos clients verront maintenant un beau curseur de recommandation de produit sur vos pages de produit, là où vous l'avez placé. Ils peuvent parcourir les recommandations et ajouter des produits à leur panier en un seul clic — booster votre AOV sur pilote automatique 📈 Des Hoppy Bundles tableau de bord, vous pouvez: * ✏️ **Modifier** l'offre à tout moment pour changer les produits, la conception ou le ciblage * 📊 **Performance de la piste** pour voir comment vos ventes se convertissent * \- Oui. **Sans publication** chaque fois que vous voulez interrompre l'offre Bonne vente ! 🚀