Cet article est aussi disponible en :

🚀 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 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é]

Mis à jour le : 15/09/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !