Cet article est aussi disponible en :

🚀 Comment configurer une barre d'upsell d'expédition gratuite basée sur le but avec des placements multiples

ℹ️ 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 (AOV) tout en donnant aux clients plus de raisons de poursuivre vos achats? 🛍️


C'est exactement ce que Déroulement du placement multiple axé sur les objectifs en Hoppy Free Shipping est conçu pour.


Avec ce workflow, vous pouvez créer des jalons de récompense tels que:


  • 🚚 Livraison gratuite
  • 💸 Réductions en pourcentage
  • 🎁 Cadeaux gratuits
  • 💰 Remises fixes


—et afficher la même barre d'expédition gratuite sur plusieurs zones de placement Shopify En magasin.


Cette configuration permet de créer une expérience d'achat plus connectée parce que les clients continuent de voir leurs progrès de récompense alors qu'ils se déplacent sur différentes sections de la vitrine ✨



📍 Zones de placement disponibles


Avec Placement multiple (basé sur les objectifs) flux de travail, la barre de livraison gratuite peut apparaître dans les zones de placement suivantes:


  • Page produit → Sous le bouton Ajouter au panier
  • Page panier → Produits ci-dessus, sous l'en-tête du magasin
  • Tiroir → Produits ci-dessus, sous l'en-tête du panier
  • Bannière → En haut du site


ℹ️ Le placement Banner ne prend actuellement en charge que la barre d'expédition gratuite et ne supporte pas le Widget Upsell.



🛠️ Exemple de configuration utilisé dans cette documentation


Dans cette documentation, nous configurerons la structure de récompense suivante:


  • 🚚 Livraison gratuite à 100 $
  • 💸 10 % de réduction à 200 dollars
  • 🎁 Cadeau gratuit à 300 $


La configuration sera activée sur :


  • Page produit
  • Page panier
  • Tiroir


Ce guide explique chaque réglage en détail afin que vous puissiez bien comprendre comment chaque option se comporte ⚙️



✅ Étape initiale — Activer l'application intégrée


Pour que la barre de livraison gratuite apparaisse sur votre boutique, l'intégration de l'application doit être activée à l'intérieur de votre Shopify thème.


Allez à :


Shopify Admin → Chaînes de vente → Boutique en ligne → Thèmes → Modifier le thème → App Embeds


Alors :


  • Rechercher Livraison gratuite Upsell
  • C'est parti.
  • Cliquez sur Enregistrer



⚙️ Étape 1 — Créer une nouvelle vente d'expédition


Ouvrir la Hoppy Free Shipping app


Alors :


→ Cliquez sur Créer une nouvelle livraison Upsell pour commencer à créer une nouvelle campagne de livraison gratuite.


→ Sélectionner Sur la base des objectifs d'utiliser le workflow de placement multiple, qui permet la même configuration de récompense pour apparaître simultanément sur plusieurs zones de placement.


Ce workflow est utile lorsque vous voulez que la même configuration de barre de livraison gratuite apparaisse sur plusieurs placements tout en partageant les mêmes objectifs et récompenses.


Une fois sélectionné, la page de configuration s'ouvre automatiquement.



🎯 Étape 2 — Configurer les règles d'objectif


Après l'ouverture de la page de configuration, vous atterrissez d'abord à l'intérieur de la Règles d'objectif → Objectif Chapitre.


Cette section contrôle:


  • 🎯 Objectifs de récompense
  • 💬 Messages de progrès
  • 🎁 Comportement de récompense
  • 📈 Suivi des progrès
  • 💰 Calculs du chariot



🏷️ Nom d'expédition gratuite Upsell


Ce champ est utilisé à des fins internes seulement.


Les clients ne verront jamais ce nom.


Vous pouvez utiliser n'importe quel nom reconnaissable tel que:


  • Campagne de vente d'été
  • Vendredi noir Upsell
  • Booster d'expédition gratuite
  • Entonnoir d'offre festive


💡 L'utilisation de noms internes appropriés facilite l'identification des configurations plus tard, surtout si votre magasin exécute plusieurs campagnes.



📦 Type d'objectif


Ce paramètre détermine comment suivre les progrès.


Il y a 2 options disponibles.



💰 Panier Montant total


Cette option permet de suivre la valeur de l'argent dépensé.


Chaque fois que des produits sont ajoutés ou retirés du panier, la barre de livraison gratuite se met à jour automatiquement et vérifie si l'objectif a été atteint.


Exemple


  • 100 $ → Livraison gratuite
  • 200 $ → 10% OFF
  • 300 $ → Cadeau gratuit


C'est la configuration la plus couramment utilisée car elle aide à augmenter la valeur de commande moyenne (AOV) 📈



🛒 Quantité de produit


Cette option suit le nombre de produits ajoutés au panier.


Exemple


  • Ajouter 5 produits → Livraison gratuite
  • Ajouter 10 produits → Cadeau gratuit


Par défaut, chaque augmentation de quantité est comptée — même si les clients augmentent la quantité pour le même produit.



🔄 Nombre de produits uniques


ℹ️ Cette option n'apparaît que si vous avez sélectionné Quantité de produit Type d'objectif.


Activez cette option si vous voulez seulement différents produits pour compter vers le but.


Exemple


  • Produit A × 5 → Considéré comme 1 Produit
  • Produit A + Produit B → Considéré comme 2 Produits


Ceci est particulièrement utile lorsque vous voulez des clients explorant plusieurs produits au lieu de simplement augmenter la quantité d'un produit 🛍️



🚫 Inclure/exclure les produits des objectifs


Parfois, vous pouvez vouloir des récompenses à appliquer uniquement sur des produits ou des collections spécifiques.


Ce réglage vous permet de :


  • ✅ Inclure des produits spécifiques
  • ✅ Inclure les collections
  • ❌ Exclure les produits
  • ❌ Exclure les collections


Exemple Cas d'utilisation


  • Offrez des récompenses uniquement pour les collections premium
  • Exclure les produits réduits
  • Créer des campagnes spécifiques à la collecte
  • Empêcher les produits à faible marge de contribuer aux récompenses


Cela donne aux marchands beaucoup plus de contrôle sur la façon dont les buts se comportent 🎯



💰 Étape 3 — Configurer les calculs et les paramètres des devises


ℹ️ Cette section n'est pas requise lorsque Type d'objectif est sélectionné comme Quantité de produit.


Ces paramètres déterminent comment les valeurs et les devises sont affichées dans la barre de livraison gratuite.



📈 Calcul des barres de progression


Ce réglage contrôle comment la valeur restante nécessaire pour les récompenses est calculée.



Avant réduction


Utilise les prix du produit d'origine avant toute remise.



Après réduction


Calcule les progrès après Shopify des rabais sont déjà appliqués.


Cela signifie que les valeurs de la caisse sont prises en compte lors du calcul de la progression de la récompense.



💱 Type de symbole de devise


Ce paramètre contrôle comment la monnaie est affichée à l'intérieur de la barre de livraison gratuite.



Utiliser le symbole de devise


Affiche le symbole de la monnaie avant le montant.


Exemple


Vous n'êtes que 200 $ à partir de 20 $ !



Utiliser le texte de devise


Affiche le code de devise après le montant.


Exemple


Vous n'êtes que 200 USD à l'écart de 20 OFF !



🔄 Position du symbole de la monnaie


Ce réglage n'est disponible que lorsque Utiliser le symbole de devise est sélectionné.



Avant Prix


Exemple : $100



Après le prix


Exemple : 100$



🌍 Format de monnaie


Ce paramètre contrôle la façon dont le formatage des devises apparaît dans la barre de livraison gratuite.


Les formats disponibles comprennent :


  • Stocker par défaut
  • Montant
  • Montant sans décimaux
  • Montant avec la virgule séparatrice
  • Quantité avec séparateur d'espace
  • Montant avec Apostrophe Separator
  • Et plus encore


Ces options aident les magasins à faire correspondre les styles de formatage des monnaies régionales 🌎



🎁 Étape 4 — Configurer les objectifs et les récompenses


Maintenant, permet de configurer les objectifs et les récompenses réels.


ℹ️ Remarque:


  • La mise en place de récompenses pour les objectifs de notre application générera une réduction dans votre Shopify Réductions, qui sera permis de soutenir les récompenses que vous avez choisi.
  • Si vous NE PAS souhaitez que tout rabais soit créé automatiquement, sélectionnez Pas de récompense dans la section des récompenses.
  • Seule la barre d'expédition gratuite sera visible, sans aucune remise de l'application.



🧾 Message vide du panier


C'est le premier message qui apparaît au-dessus de la barre de livraison gratuite lorsque le panier est vide (ou s'il contient un élément déjà exclu dans la configuration).


Vous devriez utiliser la variable dynamique :
{order-value}


ℹ️ En utilisant des variables dynamiques, vous n'aurez pas à mettre à jour les valeurs dans le but et le message chaque fois que vous faites des ajustements.


Exemple


Ajouter ${valeur-commande} plus pour débloquer les récompenses!



🎯 Objectif de dépenses


C'est l'objectif réel que les clients doivent atteindre débloquer la récompense.


Tu peux le régler. d'après la quantité totale de chaque chariot ou quantité de produit, selon votre Sélection du type d'objectif.



🎉 Type de récompense


Ce réglage contrôle ce que les clients reçoivent après avoir atteint l'objectif.


Il existe 5 types de récompenses disponibles.


Type de récompense


Désignation des marchandises


Pas de rabais


Progrès visuels seulement


Livraison gratuite


S'applique à la livraison gratuite 🚚


Réduction en pourcentage


Applique le pourcentage d'actualisation


Remise sur montant fixe


Applique l'actualisation à valeur fixe


Cadeau gratuit


Ajoute automatiquement un produit cadeau 🎁


⚠️ Important:


Le produit cadeau doit être disponible dans un canal de vente actif.



🏷️ Étiquette de réduction


Cette étiquette apparaît sur les pages Cart et Checkout chaque fois que des rabais sont appliqués automatiquement.


Exemple d'étiquettes


  • Livraison gratuite appliquée
  • 10 % OFF activé
  • Prime-cadeau appliquée


Cela aide les clients à comprendre quelle récompense est devenue active ✨


Ça ressemblerait à ça sur la page Checkout 👀



📈 Message d'avancement


Ce message informe les clients combien ils ont besoin d'ajouter pour débloquer la prochaine récompense.


Utilisez la variable & #160;:


{order-value-progress}


Cette mise à jour dynamique de la quantité restante.


Exemple


Ajouter ${order-value-progress} plus pour débloquer la livraison gratuite



🚫 Exclure les méthodes d'expédition


ℹ️ Cette option n'apparaît que lorsque l'on utilise Livraison gratuite en type récompense.


Vous pouvez exclure les méthodes d'expédition en tapant le nom de la méthode d'expédition des méthodes d'expédition que vous avez créé vous-même dans Shopify Admin → Paramètres → Livraison et livraison.


Si la méthode est détectée avec succès, elle est ajoutée à la liste d'exclusion.


⚠️ Veuillez noter:


Certaines méthodes d'expédition avancées, sous-catégorisées de fournisseurs comme UPS, USPS, FedEx et DHL peut ne pas être entièrement supporté à ce stade.


💡 Le soutien à ces structures est actuellement en cours de développement.



🚚 Étape 5 — Configurer l'objectif no 1 (Expédition gratuite à 100 $)


Pour la première étape de récompense :


  • Définir le montant du but → 100 $
  • Sélectionnez le type de récompense → Livraison gratuite


Une fois que les clients dépassent la valeur du panier de 100 $, la livraison gratuite est appliquée automatiquement 🚚



💸 Étape 6 — Configurer le but no 2 (10 % de réduction à 200 dollars)


Juste en dessous Objectif 1, cliquez Ajouter un nouvel objectif créer un autre jalon de récompense.


Alors :


→ Sélectionner Type de récompenseRéduction en pourcentage, puisque la deuxième étape devrait récompenser les clients avec un rabais en pourcentage.
→ Entrez → 10 dans le Pourcentage de champ d'entrée appliquer automatiquement une réduction de 10% lorsque les clients atteignent la valeur du panier configuré.


Une fois sélectionné, un champ de pourcentage supplémentaire apparaît automatiquement.


Exemple de message de progression


Vous n'êtes que ${ordre-valeur-progress} loin de 10%



🎁 Étape 7 — Configurer le but no 3 (cadeau gratuit à 300 $)


Cliquez sur Ajouter un nouvel objectif Encore.


Alors :


Sélectionner Type de récompense → Cadeau gratuit; donc les clients reçoivent un produit automatiquement après avoir atteint le montant objectif.
→ Cliquez sur Sélectionner un ou plusieurs cadeaux pour ouvrir votre Shopify liste des produits et choisissez le ou les produits ou les variantes à ajouter comme cadeaux.


Cela ouvre la liste des produits disponibles dans votre magasin.


Vous pouvez alors choisir quels produits doivent être ajoutés comme cadeaux.


⚠️ Important:


Si toutes les variantes d'un produit sont sélectionnées, toutes les variantes seront automatiquement ajoutées.


Vérifiez toujours les variantes sélectionnées avant d'enregistrer.



⚙️ Paramètres des objectifs supplémentaires


En dessous de la section des objectifs, il y a plusieurs paramètres mondiaux importants.



🎉 Afficher le message atteint


Activez cela si vous voulez que les clients voient un message de succès une fois qu'ils déverrouillent la récompense. 🎉


ℹ️ Ce message ne serait affiché qu'une fois tous les objectifs sont atteints.


Exemple : Félicitations ! Vous avez déverrouillé 50% !



🔄 Combiner avec d'autres réductions


Allume ça si tu veux. Hoppy récompenses à empiler avec d'autres offres. Lorsque cela est activé, les réductions de différentes applications contribueront aux objectifs:


  • Shopify Réductions
  • Réductions automatiques
  • Applications de rabais de tiers



⚙️ Choisissez comment les récompenses devraient être appliquées


Cette option vous permet de décider comment vos objectifs seront traités : soit tous les objectifs seront appliqués en fonction de leurs seuils, soit seul le dernier objectif sera appliqué.


  • Toutes les récompenses devraient être appliquées

Toutes les récompenses débloquées deviendront actives en même temps.

  • Seule la dernière récompense devrait être appliquée

Seule la récompense la plus élevée/la plus tardive devient active.



✅ Toutes les récompenses devraient être appliquées


Toutes les récompenses débloquées deviennent actives ensemble.


Exemple à 300 $ Valeur du panier


  • 🚚 Livraison gratuite
  • 💸 10 % OFF
  • 🎁 Cadeau gratuit


Toutes les récompenses s'appliquent simultanément.



🎯 Seule la dernière récompense devrait être appliquée


Seule la récompense la plus élevée/la plus tardive devient active.


Exemple à 300 $ Valeur du panier


  • 🎁 Cadeau gratuit seulement


Les récompenses précédentes sont ignorées.


Ceci est utile lorsque vous voulez une progression basée sur des jalons sans empiler de récompense.



🛒 Étape 8 — Configurer les produits de vente


Maintenant, passez à l'onglet Upsell.


Cette section contrôle les recommandations de produit présentées sous la barre de livraison gratuite.



📦 Types de mise à jour expliqués


1. Pas de vente


Il n'y aurait aucune recommandation de mise à jour sous la barre de livraison gratuite.



2. AI Upsell (fréquemment achetés ensemble)


Afficher automatiquement les produits qui sont couramment achetés ensemble, sur la base type de recommandation sélectionné dans l'installation et le produits ajoutés au panier.


Options disponibles:


  • Produits connexes : Recommander des produits similaires au produit avec lequel le client interagit. Ces recommandations sont générées automatiquement ou peuvent être personnalisées en utilisant ShopifyApp en recherche et découverte.
  • Produits complémentaires: Recommande des produits qui s'apparient bien au produit avec lequel le client interagit.


Vous pouvez gérer et personnaliser ces recommandations en utilisant ShopifyApp en recherche et découverte. Pour en savoir plus sur Search & Discovery, cliquez ici [Link].



3. Mise à jour des produits spécifiques


Choisissez manuellement les produits exacts que vous souhaitez recommander aux clients. Cette option vous donne un contrôle total sur les produits affiché sous forme de recommandations upsell, quel que soit le produit actuellement dans le panier ou être vu.



4. Mise à jour des collections spécifiques


Afficher les recommandations de upsell de collections sélectionnées. Les produits seront présentés dans les collections que vous choisissez, ce qui facilitera la promotion catégories apparentées, articles saisonniersou groupes de produits traités.



5. Mise à jour du même produit


Afficher le même produit que le client est actuellement visionné. Cela peut être utile pour mettre en évidence le produit à nouveau dans différents contextes, tels que encourager les achats fondés sur la quantité.



⬅️ Auto Slide Upsell par Interval


Permet de faire pivoter automatiquement les recommandations de mise à niveau à un intervalle de temps défini. Cela maintient les suggestions de produit frais et peut augmenter l'engagement en montrant différentes options.


L'intervalle peut être réglé en secondes Durée de l'intervalle field, vous permettant de contrôler à quelle fréquence les produits de upsell changent.



🖋️ Titre et nombre max. de produits


Vous pouvez définir un titre personnalisé pour le secteur de la vente champ de zone de texte avec options de formatage de texte de base. Ce titre apparaîtra au-dessus de la produits recommandés.


Dans Nombre max. de produits champ, vous pouvez spécifier combien de produits de vente à afficher immédiatement. Cela vous permet de contrôler Nombre de recommandations présenté aux clients, assurant une présentation propre et ciblée.



🔘 Paramètres du bouton d'appel à l'action


Vous pouvez configurer :


  • Bouton Texte à afficher dans le bouton Upsell avant que l'élément Upsell soit ajouté au panier.
  • Bouton Texte à afficher dans le bouton Upsell après l'article Upsell est ajouté au panier.


Exemple


État


Texte


Avant d'ajouter


Ajouter au panier 🛒


Après ajouter


Ajouter un autre 🔀



👀 Étape 8 — Permettre la visibilité du placement


Une fois que tous les objectifs sont configurés, la prochaine étape est de permettre la visibilité du placement.


Ouvrez chaque onglet de placement individuellement :


  • Page produit
  • Page panier
  • Tiroir
  • Bannière


Puis activer : Activer Barre d'expédition gratuite activée



🛍️ Activer / Désactiver séparément le widget Upsell


Chaque placement offre des toggles séparés pour:


  • Barre d'expédition gratuite
  • Uppersell Widget


Cela signifie que vous pouvez:


✅ Afficher la barre de progression
❌ Cacher le widget de vente


ℹ️ Remarque : Le placement de bannière ne supporte pas actuellement le Widget Upsell.



✅ Étape finale — Enregistrer et publier


Une fois la configuration terminée :


  1. Enregistrer la configuration
  2. Publier l'installation



Votre barre de livraison gratuite est maintenant en direct 🚀



🎉 Résultat final


Une fois configuré avec succès :


✅ Les clients voient les progrès de la récompense en temps réel
✅ Les récompenses s'appliquent automatiquement
✅ Les clients restent engagés sur plusieurs placements
✅ La valeur de commande moyenne s'améliore
✅ L'expérience en vitrine se sent plus interactive et enrichissante ✨


L'utilisation correcte de campagnes de placement multiples axées sur les objectifs peut améliorer significativement l'engagement des clients et les possibilités de conversion tout au long du voyage d'achat 🚀

Mis à jour le : 10/09/2026

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

Partagez vos commentaires

Annuler

Merci !