ℹ️ 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, Conceptionet 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 <div> 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 ! 🚀

Mis à jour le : 10/09/2026