🚚 Comment configurer la barre d'upsell d'expédition gratuite avec placement unique
ℹ️ 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 voulez montrer une barre de livraison gratuite hautement ciblée seulement dans une zone spécifique de votre magasin?
C'est exactement ce que Déroulement du placement unique en Hoppy Free Shipping est construit pour.
Contrairement au workflow de placement multiple, où une configuration contrôle plusieurs zones de placement ensemble, le workflow de placement unique se concentre sur un seul placement à la fois — vous donnant plus de contrôle granulaire sur:
- Visibilité
- Comportement au placement
- Conditions d'affichage
- Configuration d'upsell
- Personnalisation de la conception
- Options de ciblage
Ce workflow est particulièrement utile lorsque :
- Vous voulez différentes barres de livraison gratuite pour différentes pages
- Vous voulez des messages spécifiques au placement
- Vous avez besoin d'une visibilité avancée
- Vous voulez un contrôle complet sur une seule zone de placement
🔄 Placement unique ou placement multiple
Hoppy Free Shipping offre actuellement 2 types de workflow.
Type de flux de travail
Meilleur pour
Placement multiple (basé sur les objectifs)
Une configuration sur plusieurs zones comme Page de produit, Tiroir de panier, Page de panier et Bannière
Placement unique (sur la base du placement)
Une configuration hautement personnalisable pour un placement spécifique
Avec le flux de travail du placement unique :
✅ Vous configurez un seul placement
✅ Chaque placement peut avoir des paramètres différents
✅ Des contrôles plus spécifiques au placement deviennent disponibles
✅ Mieux pour une personnalisation avancée
La barre de livraison gratuite:
- Apparaît uniquement sur les pages du produit
- Suivre la valeur du panier client
- Afficher les progrès en temps réel 📈
- Appliquer automatiquement la récompense quand le but est atteint 🎉
- Afficher les recommandations de upsell sous la barre de livraison gratuite
✅ É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
- Cliquez sur Créer une nouvelle livraison Upsell
- Sélectionnez le workflow & #160;: Il existe deux types de placement : Sur la base des objectifs et Basé sur Placement.
Sélectionner Sur la base du placement. Pour Sur la base des objectifs workflow, vous pouvez le suivre ici [Lien].
- Sélectionnez la zone de placement avec laquelle vous souhaitez travailler
⚙️ Étape 2 — Configuration et configuration des objectifs
Une fois que la page de configuration s'ouvre, vous atterrissez dans la section But.
La section Goal/Goal Rules vous permet de définir :
- Objectifs: Les seuils doivent être fixés dans les objectifs, que ce soit pour la quantité du produit ou la quantité totale du chariot (voir plus loin).
- Primes: Vous pouvez choisir une récompense pour chaque but que vous accomplissez.
- Calculs: En fonction de votre préférence, vous pouvez choisir de calculer le total du panier avant ou après l'application de toute réduction lorsque vous choisissez le montant total du panier.
- Messages: Divers messages sont affichés pour chaque statut d'objectif, y compris le début, le progrès et l'objectif atteint.
- Format de devise: Sélectionnez si vous voulez afficher la devise avant le prix ou après, en utilisant le symbole de la monnaie ou le texte de la monnaie, etc.
🎯 Onglet objectif expliqué
Un objectif dans notre Hoppy Free Shipping app est un seuil qui spécifie le nombre maximum de produits ou la valeur minimale du panier nécessaire pour être admissible à une récompense.
Alors que la récompense peut être n'importe quoi d'un cadeau gratuit 🎁, un pourcentage de rabais (5% de rabais), un rabais forfaitaire (10$ de rabais), ou la livraison gratuite.
A. Nom d'expédition gratuite
Ce champ est pour usage interne seulement, les clients ne verront jamais ce nom. Utilisez quelque chose de facile à reconnaître plus tard.
Exemple
- Page de produit Booster
- Campagne de livraison gratuite
- Objectif de vente d'été ☀️
- Entonnoir de croissance AOV
B. Type d ' objectif
Ce paramètre détermine comment vous voulez suivre les progrès de la barre d'expédition gratuite pour atteindre une récompense.
Il y a 2 options disponibles.
1. Panier Montant total
Cette option suit la valeur de l'argent dépensé et met à jour la barre d'expédition gratuite en temps réel.
Exemple: Vous pouvez donner 5% de OFF si le montant total du panier atteint 300 $. Ici, 300$ est l'objectif et 5 % OFF est la récompense.
2. Quantité de produits
Il suit le nombre de produits dans le panier et voit si la personne peut obtenir une récompense. 🎁
Normalement, nous comptons tous les produits, même si quelqu'un ajoute le même deux fois.
Mais nous pouvons choisir l'option "Count Only Unique Products" pour nous assurer que nous ne comptons que des produits différents vers l'objectif.
Nombre de produits uniques
ℹ️ Cette option n'apparaît que si vous avez sélectionné Quantité de produit Type d'objectif.
Activez cela si vous voulez seulement que différents produits comptent vers le but. Utile quand vous voulez des clients explorant plusieurs produits plutôt que d'augmenter la quantité du même article.
Exemple :
Panier
Compte tenu
Produit A × 5
1 Produit
Produit A + Produit B
2 Produits
C. Inclure/exclure les produits des objectifs
Cette option détermine quels produits vous voulez ajouter ou supprimer lors de la recherche du but. 🚀
Si un produit(ou collection) est exclu, l'indicateur de livraison gratuite ne change pas lorsqu'un article entre dans le panier.
Vous pouvez :
- Ajouter certains produits
- Supprimer certains produits
- Ajouter des collections
- Supprimer les collections
Ceci est utile lorsque:
- Vous voulez seulement des collections spécifiques à compter
- Vous devez laisser les articles en vente
- Vous voulez seulement des produits de haute qualité pour compter vers l'objectif
💰 Étape 3 — Configurer les calculs et les paramètres des devises
ℹ️ Cette section n'est pas requise lorsqu'on utilise la quantité de produit comme type de but.
A. Calcul des barres de progression
Comme mentionné ci-dessus, ici vous pouvez choisir comment vous voulez que le montant total du panier soit considéré pour progresser plus loin et compter vers l'objectif.
Avant réduction
Utilise les prix qui ont été fixés Shopify sans appliquer des rabais sur eux.
Après réduction
Utilise les valeurs de paniers actualisés après Shopify les rabais sont appliqués.
B. Type de symbole de monnaie
Ce paramètre dicte la façon dont la monnaie est présentée dans la barre de livraison gratuite.
Utiliser le symbole de devise 💲
L'option d'afficher la devise dans votre magasin dépend de la devise que vous avez sélectionnée dans Shopify Paramètres → Général → Par défaut du magasin → Affichage de la devise.
Cela signifie, si vous avez sélectionné Dollar des États-Unis (USD) dans le Shopify Paramètres, puis notre option Use Currency Symbol donnerait deux options:
- Utiliser le symbole de la monnaie ($)
- Utiliser le texte en monnaie (USD)
Exemple : Vous n'êtes que 200 $ à partir de 50% !
Utiliser le texte de devise 💵
Comme mentionné ci-dessus, il vous donne l'option comme sélectionné dans le Shopify Paramètres, il sera positionné comme un suffixe, ce qui signifie après le texte de prix.
Exemple: Vous êtes seulement 200 USD loin de 50% OFF!
C. Position du symbole de monnaie
Cette option vous permet de choisir le placement du symbole de la monnaie.
ℹ️ Disponible seulement lorsque -Utilisez le symbole de devise est sélectionné.
Exemple :
- Avant le prix: Vous êtes seulement $200 loin de 50% OFF!
- Après le prix: Vous êtes seulement 200$ loin de 50% OFF!
D. Format des fonds
Contrôle la façon dont les prix sont formatés dans toute la barre d'expédition gratuite, ce qui aide les magasins à correspondre les préférences de formatage de devises régionales.
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
🎁 Étape 4 — Configurer l'objectif
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.
A. Cart Message vide
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 : Obtenez 50% d'OFF pour les commandes sur {valeur-commande} !
B. Objectif de dépenses 🎯
C'est l'objectif réel que les clients doivent atteindre débloquer la récompense. Vous pouvez le régler d'après la quantité totale de chaque chariot ou quantité de produit, selon votre Sélection du type d'objectif.
C. Type de récompense
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.
D. Étiquette de réduction
L'étiquette que vous entrez ici est affichée dans la page Panier / Départ comme le nom de la réduction.
Vous devriez utiliser la variable dynamique :{value}
ℹ️ Remarque:
- En utilisant des variables dynamiques, vous n'aurez pas à mettre à jour les valeurs de l'étiquette chaque fois que vous ferez des ajustements.
- Les variables dynamiques ne fonctionneraient que si vous utilisez les récompenses, soit la réduction en pourcentage, soit la réduction en montant fixe.
Exemple :
- Hoppy {valeur}% OFF
- Page produit {valeur} Récompense
- Réduction VIP
Ça ressemblerait à ça sur la page Checkout 👀
E. Message de progrès
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 {commande-valeur-progress} plus pour débloquer la livraison gratuite
F. 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.
G. Objectif 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% !
H. 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
I. Choisir 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.
🛍️ Étape 5 — 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 6 — Configurer la visibilité du placement
Maintenant, passez à l'onglet Placement.
Cette section contrôle:
- Où apparaît la barre : Choisissez les pages ou les sections où la barre sera affichée.
- Lorsqu'il ne doit pas apparaître: Exclure les pages ou les zones spécifiques de la barre.
- Règles de visibilité: Contrôlez quand la barre doit apparaître en fonction des conditions que vous définissez.
- Cible de l'utilisateur : Afficher la barre aux visiteurs spécifiques en fonction des conditions du client ou de l'utilisateur.
- Placements sur mesure : Placez manuellement la barre dans des positions personnalisées dans votre magasin.
- Comportement de planification : Définissez des dates et des heures précises pour quand la barre doit être active.
📍 Affichage (inclus)
Cela détermine où la barre de livraison gratuite devrait apparaître.
A. Tous les produits
Affichez la barre de livraison gratuite sur toutes les pages de produits de votre magasin, quel que soit le type de produit, la collection ou l'étiquette.
B. Produits spécifiques
Choisissez des produits exacts où la barre de livraison gratuite devrait apparaître. Cette option est utile lorsque vous voulez cibler des produits individuels seulement.
C. Tous les produits dans des collections spécifiques
Afficher la barre de livraison gratuite uniquement pour les produits qui appartiennent à des collections sélectionnées. Cela aide à cibler des catégories spécifiques ou des groupes de produits curés.
D. Tous les produits avec des étiquettes spécifiques
Afficher la barre de livraison gratuite uniquement sur les produits contenant des étiquettes de produits sélectionnées. Cela permet un ciblage plus flexible basé sur la structure de marquage de votre magasin.
ℹ️ La correspondance des étiquettes est sensible à la casse.
✅ Étape finale — Enregistrer et publier
Une fois la configuration terminée :
- Enregistrer la configuration
- Publier l'installation
Votre page de produit Barre de livraison gratuite est maintenant en direct 🚀
🎉 Résultat final
Une fois configuré avec succès :
✅ Les clients voient progression du panier en temps réel
✅ Les récompenses s'appliquent automatiquement
✅ Les pages de produits deviennent plus axées sur la conversion
✅ Les recommandations de mise à jour augmentent AOV
✅ L'expérience d'achat se sent plus interactive et enrichissante ✨
Mis à jour le : 10/09/2026
Merci !