ℹ️ 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 récompenser les clients pour avoir acheté plus du même produit? 🛍️

C'est exactement ce que Quantité Pause offre en Hoppy Bundles est conçu pour.

Avec ce type d'offre, vous pouvez créer des niveaux de rabais basés sur la quantité tels que:

• 🛒 Acheter 1 → Prix standard
• 💸 Acheter 2 → 10% OFF
• 💰 Acheter 3 → 20% OFF

—et les afficher comme un widget propre et cliquable directement sur votre page de produit.

Les clients choisissent simplement le niveau de quantité qu'ils aiment, et le rabais est appliqué automatiquement à la caisse ✨

📍 Où apparaît la quantité Break Widget

Le widget Quantité Break apparaît sur votre Page produit, juste en dessous du bouton Ajouter au panier (placement par défaut).

Vous pouvez également le placer n'importe où ailleurs sur la page du produit en utilisant la Placement sur mesure option (visée plus loin dans ce guide).

ℹ️ Le même écran de configuration est également utilisé pour BOGO (Achetez-en un) et Acheter X Get Y offres — ce sont simplement Quantité Break offre pré-rempli avec des niveaux de style BOGO.

🛠️ Exemple de configuration utilisé dans cette documentation

Dans cette documentation, nous configurerons la structure de niveau suivante:

• 🛒 1 paire → Prix standard (pas de rabais)
• 💸 2 paires → 10% OFF
• 💰 3 paires → 20% OFF

L'offre sera appliquée à produits spécifiques et affiché dans le Mise en page verticale.

Ce guide explique chaque réglage que vous allez toucher pendant la configuration, donc vous savez exactement comment chaque option se comporte ⚙️

✅ Avant de commencer — Activer l'intégration de l'application

Pour que le widget Quantité Break apparaisse sur votre boutique, l'intégration de l'application doit être activée Shopify thème.

Allez à :

Shopify Admin → Chaînes de vente → Boutique en ligne → Thèmes → Personnaliser → App Embeds

Alors :

• Rechercher Bundles App Embed
• C'est parti.
• Cliquez sur Enregistrer

⚠️ Important: Sans l'intégration de l'application activée, votre offre publiée ne sera pas visible sur le devant de la boutique, même si tout à l'intérieur de l'application est configuré correctement.

🎯 Étape 1 — Créer une nouvelle offre de rupture de quantité

Ouvrir la Hoppy Bundles application de votre Shopify Admin.

Alors :

→ Cliquez sur Créer une nouvelle offre pour ouvrir la page de sélection de type d'offre.

→ Sélectionner Quantité Break (un produit) et cliquez sur Créer une rupture de quantité.

ℹ️ Les FEUILLE et Acheter X Get Y les cartes sur cette page ouvrent également la configuration de Quantité Break — ils juste pré-remplissent vos niveaux avec des offres de style BOGO (par exemple, "Acheter 2 Get 1"), afin que vous puissiez commencer à partir de ceux si c'est l'affaire que vous voulez exécuter.

🧩 Étape 2 — Nommez votre offre et choisissez où elle s'applique

Le premier écran demande les bases avant toute autre chose.

🏷️ Nom de l'offre

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:

• Vente de sneaker d'été
• T-Shirt Volume Deal
• Les vendredis noirs

💡 L'utilisation d'un nom interne approprié facilite l'identification des configurations plus tard, surtout si votre magasin exécute plusieurs offres.

📦 Demande d'offre

Ce réglage contrôle à quels produits le widget Quantité Break et les réductions s'appliquent.

Il y a 3 options disponibles:

• Tous les produits → l'offre s'applique à chaque produit dans votre magasin
• Produit → l'offre s'applique uniquement aux produits que vous sélectionnez
• Recouvrement → l'offre s'applique à chaque produit dans les collections que vous sélectionnez

Si vous choisissez Produit ou Recouvrement, une Sélectionner le produit / Sélectionner la collection bouton apparaît. Cliquez dessus pour ouvrir votre Shopify choisir un ou plusieurs éléments.

⚠️ Important:

• Commutation entre Tous les produits, Produitet Recouvrement efface votre sélection actuelle — choisissez d'abord le bon mode, puis sélectionnez vos éléments.
• Seulement une offre publiée est autorisée par produit ou collection. Si une autre offre publiée couvre déjà le même produit, vous ne pouvez pas publier celui-ci jusqu'à ce que l'offre existante soit convertie en un projet.

🎨 Étape 3 — Choisir un modèle

Faites défiler jusqu'au Sélectionnez votre offre préférée Chapitre.

Ici vous trouverez des modèles prêts à l'emploi que vous pouvez parcourir:

• Construisez-en un à partir de zéro → Commencez par une mise en page propre et minimale
• Ensemble & Enregistrer → le look vert classique multi-tier
• Offre à durée limitée → orange, thème d'urgence
• Vente Flash Madness ! → rose, thème de vente
• Ouais ! C'est BOGO → violet, prérempli avec Acheter X Obtenez des niveaux de style Y

Cliquez sur un modèle pour le sélectionner, puis appuyez sur Appliquer le modèle sélectionné.

ℹ️ Les Appliquer le modèle sélectionné bouton reste désactivé jusqu'à ce que vous ayez sélectionné au moins un produit ou une collection Produit ou Recouvrement le mode).

Une fois appliqué, l'éditeur de configuration complet s'ouvre — avec un aperçu en direct de votre widget sur le côté droit de l'écran 👀

⚙️ Étape 4 — Configurez vos offres (onglet général)

L'éditeur est organisé en 3 onglets :

• Généralités → offrir du contenu, des réductions et du comportement
• Conception → polices, couleurs et bordures
• Ciblage et placement → qui voit l'offre et où elle apparaît

Ce guide se concentre sur les paramètres dont vous avez besoin pour obtenir l'offre en direct. Laissez passer Généralités onglet section par section.

✏️ Nom de l'offre et offre sélectionnée

En haut de l'onglet Général, vous pouvez voir votre Nom de l'offre et les Offre sélectionnée (le modèle que vous avez choisi).

Cliquez sur le icône du crayon à côté du nom de l'offre pour le renommer à tout moment.

💡 Ce nom est seulement visible pour vous — pour votre propre référence interne.

📐 Présentation du modèle

Choisissez comment vos niveaux de quantité sont disposés à l'intérieur du widget:

• Vertical → niveaux empilés l'un sur l'autre (meilleur pour la plupart des pages de produits)
• Horizontale → niveaux côte à côte

ℹ️ Quand Vertical est sélectionné, un supplément Choisir un thème option apparaît, vous permettant de passer rapidement entre les Bleu, Rougeet Vert thèmes de couleur.

💡 Choisir les Rouge le thème débloque également un extra Sous-titre de l'offre champ à l'intérieur de chaque niveau d'offre (plus sur celui ci-dessous).

🎁 Modifier l'offre — Vos niveaux de rabais

C'est le cœur de l'installation ❤️

Chaque niveau de quantité vit sur son propre onglet (Offre 1, Offre 2, Offre 3...). Cliquez sur un onglet pour modifier ce niveau.

Pour notre configuration par exemple :

• Offre 1 → Quantité 1, Type de rabais No Discount
• Offre 2 → Quantité 2, Type de rabais % Discount, Remise 10
• Offre 3 → Quantité 3, Type de rabais % Discount, Remise 20

💸 Type de rabais

Ce décrochage contrôle le type de transaction que le niveau offre :

Type de rabais

Ce qu'il fait

Pas de rabais

Prix standard — utile en tant que niveau de référence d'achat

% Remise (par exemple 25% de réduction)

Pourcentage sur le total des niveaux

Réduction forfaitaire (par exemple 29,00 $ de rabais)

Montant fixe sur le total du niveau

Sur chaque réduction forfaitaire

Montant fixe chaque unité au niveau

Prix spécifique (p. ex. 29,00 $)

Les clients paient exactement ce prix pour le niveau

BOGO (Achetez-en un)

Acheter des articles X, obtenir des articles Y du même produit gratuitement

Acheter X Obtenez Y gratuitement

Acheter des articles X, obtenir un Produit différent Tarif réduit/gratuit

Selon le type de rabais, des champs supplémentaires apparaissent automatiquement :

• % / Appartement / Par unité / Prix spécifique → une Réduction champ d'entrée pour la valeur
• FEUILLE → Acheter et Obtenez champs (Acheter est verrouillé à la quantité de niveau)
• Acheter X Obtenez Y gratuitement → Acheter et Obtenez champs, plus Sélectionner un produit Y bouton pour choisir le produit que le client obtient

⚠️ Veuillez noterPour : Acheter X Obtenez Y gratuitement, assurez-vous que vous sélectionnez réellement un produit Y: sans un, le niveau n'a rien à donner.

🔢 Quantité

Le nombre d'articles que le client doit acheter pour débloquer ce niveau.

⚠️ La quantité doit être supérieure à 0 — vous verrez une erreur en ligne si elle n'est pas.

ℹ️ Pour FEUILLE et Acheter X Get Y les niveaux, Acheter l'état suit automatiquement cette quantité.

🏷️ Titre de l'offre

Le texte principal figurant au niveau, par exemple:

• 1 paire
• 2 paires
• 3 paires

🏷️ Étiquette & étiquette de réduction

Chaque niveau comporte deux décorations optionnelles:

• Étiquette de réduction → le texte de l'accord affiché sur le niveau, par exemple .
• Balise → un petit badge, p.ex.

Les deux champs ont une icône des yeux 👁️ sur le côté droit — cliquez dessus pour afficher ou masquer cet élément sur le devant du magasin.

💡 Ajout d'une balise "Most Popular" à votre niveau intermédiaire est une façon simple de pousser les clients vers elle.

🎁 Cadeau gratuit

Cochez Cadeau gratuit case à cocher si vous voulez que les clients qui choisissent ce niveau reçoivent également un produit cadeau.

Une fois activé, un Sélectionner des produits bouton apparaît afin que vous puissiez choisir le ou les produits cadeaux dans votre magasin.

ℹ️ Décrochage Cadeau gratuit autorise les produits cadeaux sélectionnés pour ce niveau.

📝 Sous-titre de l'offre (thème rouge seulement)

ℹ️ Ce champ n'apparaît que lorsque Rouge le thème est sélectionné dans Configuration du modèle → Choisissez un thème.

Il ajoute une petite ligne de sous-titre à l'intérieur de chaque niveau, et a également une icône de l'œil pour basculer la visibilité.

➕ Ajouter / 🗑️ Supprimer les niveaux

Ci-dessous les onglets d'offre vous trouverez:

• Ajouter une offre → ajoute un nouvel onglet de niveau (maximum 6 niveaux)
• Supprimer → supprime le niveau actuellement sélectionné (minimum 2 niveaux nécessaire)

Si vous touchez une de ces limites, un petit message de toast vous le dira.

📰 Titre du bloc & Texte du pied de page

Ceux-ci contrôlent le texte ci-dessus et ci-dessous le widget:

• Titre du bloc → p.ex., Bundle & Save ou Offre de temps limité
• Texte du pied de page → p.ex.

Les deux champs viennent avec un icône des yeux pour les cacher complètement si vous préférez un look plus propre.

🛠️ Étape 5 — Configurer les paramètres

Faites défiler jusqu'au Paramètres carte. Ces cases à cocher contrôlent comment le widget se comporte et ce que les clients voient.

👀 Apparence et apparence

• Afficher le prix unitaire → les clients peuvent voir le prix par unité unique dans l'offre
• Afficher le prix total → les clients peuvent voir le prix total de chaque niveau
• Cacher les lignes d'en-tête et de pied de page → cache les lignes de diviseur en haut et en bas du widget pour un look plus propre
• Utiliser du texte personnalisé pour l'out of Stock → affiche votre propre message lorsque le produit sélectionné est épuisé

ℹ️ Permettre Utiliser du texte personnalisé pour l'out of Stock révèle un champ de texte où vous pouvez taper votre message (par défaut : l'élément(s) surligné(s) est épuisé).

⚙️ Fonctionnalité

• Laissez les clients choisir différentes variantes pour chaque article → si le produit a des variantes (tailles, couleurs...), les clients peuvent choisir une variante différente pour chaque unité du niveau
• Afficher le widget ci-dessous ajouter au bouton du panier → rend le widget directement sous votre bouton Ajouter au panier
• Passer le panier directement à la caisse → les clients sont redirigés directement à la caisse après avoir ajouté un niveau, sauter la page du panier
• Remise sur le volume (Extend Max Discount to All Quantities) → permet aux clients d'acheter supplémentaire éléments au-delà du niveau le plus élevé au taux d'actualisation maximal
• Montrer comparaison au prix → affiche le prix de comparaison à l'intérieur de l'offre

ℹ️ Permettre Montrer comparaison au prix révèle deux champs supplémentaires:

• Prix de comparaison personnalisé → remplacer le prix de comparaison manuellement (leave blank ou 0 pour utiliser le prix de votre Shopify liste des produits)
• Shopify prix de comparaison des produits → en lecture seule, affiche le prix de comparaison provenant de votre liste de produits

🔄 Activer la combinaison de réduction

Ces options permettent à votre rabais Quantité Break de se combiner avec d'autres types de rabais à la caisse:

• Commandez des rabais
• Remises sur l'expédition

ℹ️ La combinaison de rabais produit est toujours sur. Notons également qu'en raison Shopify restrictions, ce paramètre s'applique globalement à toutes les nouvelles offres Quantité Break.

🌍 Marchés multiples & Traduction

Ci-dessous Les paramètres que vous trouverez également:

• Marchés multiples → fixer des prix spécifiques au marché pour l'offre
• Traduction → traduire des textes de widget pour votre magasin

ℹ️ Ceux-ci sont facultatifs et ne sont pas requis pour obtenir votre offre en direct — ils sont couverts dans leurs propres guides dédiés.

🎯 Étape 6 — Ciblage et placement (facultatif)

Passez au Ciblage et placement onglet pour contrôler où le widget apparaît et qui le voit.

📍 Placement

• Ajouter au panier Bouton (Défaut) → le widget est placé automatiquement — recommandé pour la plupart des magasins
• Personnalisé (seulement sur la page du produit) → Placez le widget partout où vous voulez sur la page du produit

Si vous choisissez Personnalisé, l'application vous donne deux choses après avoir économisé:

• Hoppy bundles Numéro d'identification → l'utiliser pour ajouter/repositionner la Hoppy Bundles bloc app dans votre éditeur de thème
• Hoppy bundles extrait de code → un petit <div> vous pouvez coller n'importe où dans votre code thème

ℹ️ Jusqu'à ce que l'offre soit sauvegardée une fois, vous verrez Hoppy bundles Numéro d'identification et code extrait.

👤 Ciblage des clients & 🌍 Ciblage de géolocalisation

Ces sections facultatives vous permettent:

• Afficher l'offre seulement à clients connectés
• Afficher ou masquer l'offre en fonction tags clients ou durée de vie
• Limiter l'offre à pays spécifiques (par défaut: Monde entier)

Il y a aussi Calendrier section pour définir une début et fin date/heure de l'offre — pratique pour les ventes flash .

ℹ️ Tous sont facultatifs. Si vous les sautez, l'offre montre simplement à tout le monde, partout, tout de suite. Le ciblage avancé est couvert en détail dans son propre guide dédié.

🎨 Onglet de conception (facultatif)

Les Conception onglet contrôle le style visuel du widget:

• Typographie et couleur → famille de polices, tailles de texte, poids et couleurs pour chaque élément
• Variante → taille petite / moyenne / grande pour sélecteurs de variantes
• Frontière → curseurs de largeur de bordure et de rayon d'angle

💡 Chaque changement se reflète instantanément dans l'aperçu en direct sur la droite — à la fois bureau et mobile les panneaux d'aperçu.

ℹ️ Les valeurs par défaut sont déjà superbes, donc cette étape est entièrement optionnelle. Le style est couvert en profondeur dans le guide de conception dédié.

✅ Étape finale — Enregistrer et publier

Une fois que tout semble bon dans l'aperçu:

1. Cliquez sur Enregistrer dans la barre de sauvegarde en haut de la page
2. Cliquez sur Publier pour faire l'offre en direct ⚠️ Veuillez noter:

• Les Publier bouton est désactivé alors que l'offre est toute nouvelle — Enregistrer en premier, puis publier.
• L'édition crée une réduction automatique dans votre Shopify Admin → Réductions. C'est ce qui applique réellement les prix de niveau à la caisse — s'il vous plaît ne pas supprimer ou modifier manuellement.
• Si l'intégration de l'application n'est pas activée dans votre thème, une bannière apparaîtra après l'enregistrement avec un Activer l'intégration de l'application bouton raccourci — cliquez dessus, activez l'intégration et enregistrez votre thème.
• Si l'édition échoue parce qu'une autre offre publiée couvre déjà le même produit ou la même collection, convertir cette offre existante en avant-projet, puis publier à nouveau.

Votre offre Quantité Break est maintenant en direct 🚀

🎉 Résultat final

Une fois configuré avec succès :

✅ Les clients voient vos niveaux de quantité directement sur la page du produit ✅ Les réductions s'appliquent automatiquement à la caisse ✅ Les niveaux, les étiquettes et les étiquettes mettent à jour instantanément depuis l'application ✅ Le widget correspond à votre thème avec la mise en page et les couleurs que vous avez choisi

Voici comment le widget fini regarde sur le devant du magasin — niveaux propres, économies claires, et la sélection d'un clic ✨

💡 Vous voulez lancer une offre gratuite ? Créer un nouveau FEUILLE offre de la page de type d'offre — il utilise exactement le même flux de configuration que vous venez d'apprendre, avec les niveaux BOGO pré-remplis pour vous.

Mis à jour le : 10/09/2026