ℹ️ 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 que votre upsell offre d'attirer plus d'attention sans que les clients lèvent un doigt? ✨

C'est exactement ça. Auto-Sliding Upsell en Hoppy Upsell & Cross Sell est conçu pour.

Au lieu de montrer un seul produit statique, le widget de vente haut de gamme peut automatiquement tourner à travers vos produits recommandés dans un carrousel lisse coulissant — comme une mini vitrine de produit qui fonctionne à l'intérieur de votre magasin 🛍️

Avec cette configuration, vous pouvez :

• 🔄 Tourner automatiquement plusieurs produits de upsell dans le widget
• Contrôler combien de secondes chaque produit reste visible
• 👆 Laissez les clients naviguer manuellement en utilisant les flèches de navigation gauche/droite
• 🎯 Gardez le widget compact tout en montrant encore plus d'offres

Ceci est particulièrement utile lorsque vous avez plusieurs produits à recommander, mais l'espace limité sur la page — chaque produit obtient son moment dans le projecteur 💡

🧩 Comment fonctionne la diapositive automatique

Le widget upsell affiche des produits dans un curseur qui montre un produit à la fois.

Quand Auto-Slide est activé :

• Le widget se déplace automatiquement vers le produit suivant après l'intervalle choisi
• Le slider boucle en continu, donc il retourne au premier produit après le dernier
• Les clients peuvent toujours naviguer manuellement Flèches de navigation gauche/droite

⚠️ Important: La diapositive automatique est désactivé automatiquement pour un visiteur au moment où ils interagissent avec le curseur — par exemple, en cliquant sur les flèches de navigation, en tapant ou en faisant glisser le curseur sur mobile. Cela donne aux clients le plein contrôle une fois qu'ils commencent à naviguer eux-mêmes.

✅ Avant de commencer

Assurez-vous que l'intégration de l'application est activée dans votre thème, sinon le widget upsell n'apparaîtra pas sur votre boutique.

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. SUR
• Cliquez sur Enregistrer

💡 Si vous utilisez le Position personnalisée placement, vous devrez également ajouter le Bloc de ventes croisées Upsell bloc d'application dans votre éditeur de thème et entrez votre ID Upsell. Voir 🔎 Comment trouver l'identifiant d'Upsell ? si nécessaire.

⚙️ Étape 1 — Créer ou ouvrir une vente

Ouvrir la Hoppy Upsell & Cross Sell application de votre Shopify Admin.

Ensuite :

→ Cliquez sur Créer de nouvelles ventes pour démarrer une nouvelle configuration et choisir un placement (Page produit, Page panier, Tiroirou Position personnalisée)

—ou—

→ Ouvrez une upsell existante depuis votre tableau de bord pour la modifier

Le réglage Auto-Slide fonctionne de la même manière tous les types de placement, pour que vous puissiez l'utiliser partout où votre widget apparaît 🙌

🛍️ Étape 2 — Choisissez vos produits de mise à jour

Dans la Contenu onglet, d'abord décider quels produits le curseur doit tourner à travers.

Sous Sélectionner les produits de vente, choisissez l'une des options disponibles:

• AI Upsell (fréquemment achetés ensemble) → tire automatiquement les produits associés ou complémentaires ShopifyL'application Recherche & Découverte
• Produits spécifiques Upsell → Pick à la main les produits exacts que vous voulez promouvoir
• Collections spécifiques à la vente → faire tourner les produits des collections sélectionnées
• Mise à jour du même produit (comme sur la page du produit) → promouvoir le produit actuellement vu

💡 Auto-Slide brille le plus quand le widget a plusieurs produits à montrer — avec un seul produit, il n'y a rien à glisser.

🔢 Nombre max. de produits

Lors de l' utilisation AI Upsell ou Collections spécifiques à la vente, vous verrez aussi un Nombre max. de produits sur le terrain.

Ceci contrôle combien de produits (jusqu'à 10) sont chargés dans le curseur pour la rotation.

Par exemple, le mettre à 5 signifie que jusqu'à 5 produits recommandés prendront tour à tour à l'intérieur du widget.

🎠 Étape 3 — Activer la diapositive automatique

Toujours à l'intérieur Contenu onglet, défiler vers le Auto Slide Upsell par Interval mise en place.

Ce menu déroulant comporte 2 options :

• Activé → le widget glisse automatiquement à travers vos produits upsell
• Handicapé → le widget reste sur un produit jusqu'à ce que le client utilise les flèches de navigation

Le réglage est Activé par défaut pour les nouvelles ventes.

Étape 4 — Définir la durée de l'intervalle

Une fois Diapositive automatique est réglé à Activé, un nouveau champ apparaît juste en dessous :

Durée de l'intervalle 🕒

Ce nombre contrôle combien de secondes chaque produit reste à l'écran avant que le curseur ne se déplace vers le suivant.

• Valeur par défaut & #160;: 5 secondes
• Valeurs inférieures (par exemple 3) → rotation plus rapide, plus d'énergie ⚡
• Valeurs plus élevées (p. ex. 8–10) → rotation plus lente, plus de temps pour lire chaque offre 🧘

💡 Un bon point de départ est 4-6 secondes — assez rapide pour présenter plusieurs produits, mais assez lent pour permettre aux clients de lire le titre, le prix et le bouton du produit.

ℹ️ Les Durée de l'intervalle champ apparaît seulement pendant que Auto Slide est défini à Activé. Si vous désactivez Auto Slide, le champ se cache automatiquement.

💾 Étape 5 — Enregistrer et publier

Une fois que tout semble bien :

1. Cliquez sur Enregistrer dans la barre de sauvegarde en haut de la page
2. Cliquez sur Publier pour faire la vente en direct sur votre magasin

Après la publication, une bannière de confirmation apparaîtra avec des liens rapides vers Ouvrez votre magasin ou activer l'application intégrée si elle n'est pas encore active.

⚠️ Remarques importantes

• 🛑 Diaporama automatique stops pour la vue de page actuelle dès qu'un visiteur interagit avec le curseur (flèches, touche, glisser ou cliquer). Il redémarre automatiquement la prochaine fois que la page se charge, par exemple lorsque le visiteur navigue vers une autre page.
• 👁️ L'aperçu à l'intérieur de l'application montre comment votre widget ressemble, mais le mouvement coulissant lui-même est mieux vérifié sur votre En direct devant le magasin.
• 🔁 Le curseur boucles continues — après le dernier produit, il glisse automatiquement vers le premier.
• 🧭 Les flèches de navigation restent toujours disponibles, même lorsque Auto-Slide est activé, de sorte que les clients ne perdent jamais le contrôle manuel.
• 📱 Auto-Slide fonctionne sur les deux bureau et mobile les vitrines.

🎉 Résultat final

Votre widget upsell fonctionne maintenant comme un carrousel coulissant sur votre devant de magasin:

• Les produits tournent automatiquement en fonction de votre Durée de l'intervalle
• Les clients peuvent prendre le relais à tout moment en utilisant les flèches de navigation
• Plus de vos offres sont vues — sans prendre l'espace de page supplémentaire 🚀

📚 Guides connexes

• 🎨 Upsell & Cross Sell – Design & Styling → Personnaliser la couleur de flèche, la taille, les styles de boutons, et plus
• 🎯 Options de ciblage avancées pour Upsell & Cross Sell → contrôler exactement qui voit votre upsell et quand
• 🌍 Upsell & Cross Sell — Traduction → afficher le contenu slider en plusieurs langues
• Upsell & Cross Sell n'est pas montré sur mon magasin [Fixed] → problèmes de visibilité de dépannage

Mis à jour le : 15/09/2026