ℹ️ 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.

Vouloir récompenser les clients avec un Produit différent quand ils achètent assez de quelque chose ? 🎁

C'est exactement ce que Acheter X Get Y offre en Hoppy Bundles est conçu pour.

Avec ce type d'offre, vous pouvez créer des offres conditionnelles telles que:

• 🛒 Acheter 2 T-shirts → Obtenez un chapeau à 50% OFF
• 💸 Acheter 3 sneakers → Obtenez une paire de chaussettes GRATUIT
• 🎁 Acheter 2 Coffee Beans → Obtenez une tasse à un rabais

—et les afficher comme des niveaux propres et cliquables directement sur votre page de produit.

Les clients choisissent simplement l'offre qu'ils aiment, l'ajouter au panier, et la réduction sur le produit -Y- est appliquée automatiquement à la caisse ✨

📍 Où l'achat X Obtenez Y Widget apparaît

Le widget Acheter X Get Y 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).

ℹ️ Acheter X Get Y utilise le même écran de configuration que Quantité Pause — il ouvre juste prérempli avec Acheter X Get Y niveaux, le violet Ouais ! C'est BOGO thème, et un titre de bloc d'Acheter X. Ce guide se concentre uniquement sur ce qui est différent pour acheter X Get Y; les paramètres partagés sont résumés brièvement.

🛠️ Exemple de configuration utilisé dans cette documentation

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

• 🛒 1 paire → Prix standard (pas de rabais)
• 🎁 Acheter 2 → Obtenez 3 d'un autre produit à un rabais
• 🎁 Acheter 3 → Obtenez 4 d'un autre produit à un rabais

Ce sont exactement les niveaux que l'application pré-remplit pour vous lorsque vous démarrez une offre Buy X Get Y — vous pouvez modifier chaque partie d'entre eux ⚙️

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

Pour que le widget Acheter X Get Y apparaisse sur votre boutique, l'intégration d'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 → 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 un nouvel achat X Obtenir une offre Y

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.

→ Trouvez la Acheter X Obtenir Y (offre conditionnelle) carte — Acheter une quantité spécifique et obtenir un autre produit à un rabais — et cliquez sur Créer Acheter X Get Y.

La page de configuration s'ouvre avec tout ce qui est prérempli pour un achat X Obtenez Y deal:

• 🎨 Modèle → Ouais ! C'est BOGO (thème violet)
• 📰 Titre du bloc → Acheter X Get Y
• 🎁 Niveaux → Acheter X Obtenez Y gratuitement Type de rabais avec Acheter / Obtenez des conditions prêtes à modifier

💡 À partir de cette carte vous enregistre de construire les niveaux manuellement — mais vous pouvez toujours changer le modèle et chaque niveau après.

🧩 É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:

• Acheter 2 Obtenez un chapeau
• Sneaker + Socks Deal
• Vendredi noir BXGY

💡 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 cadre contrôle quels produits agissent comme Produits — les clients doivent acheter pour débloquer l'affaire.

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 — Confirmez votre modèle

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

Pour acheter X Get Y, le Ouais ! C'est BOGO template (violet, deal-themed) est déjà sélectionné pour vous — il correspond parfaitement à ce type d'offre.

Vous pouvez encore glisser à travers et choisir un look différent si vous préférez:

• 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

Cliquez sur Appliquer le modèle sélectionné pour continuer.

ℹ️ 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 votre achat X Obtenez des niveaux Y (onglet général)

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

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

La configuration préremplie ressemble à ceci :

• Offre 1 → Quantité 1, Type de rabais No Discount (niveau de référence à prix standard)
• Offre 2 → Type de rabais Buy X Get Y Free, Acheter 2, Obtenez 3, marqué Les plus populaires
• Offre 3 → Type de rabais Buy X Get Y Free, Acheter 3, Obtenez 4

Laissez passer les champs qui font fonctionner un Buy X Get Y tier.

💸 Type de rabais → Acheter X Obtenez Y gratuitement

Définir les niveaux Type de rabais déroulant à Acheter X Obtenez Y gratuitement.

Une fois sélectionné, le Réduction le champ valeur est remplacé par deux champs condition:

• Acheter → combien d'articles du produit X du client doit acheter. Ce champ est verrouillé — elle suit toujours les niveaux Quantité valeur.
• Obtenez → combien d'unités du produit de l'Y du client. Ce champ est modifiable — d'établir ce que votre accord promet.

Exemple

• Acheter 2 + Obtenez 1 → Acheter 2, Obtenez 1
• Acheter 3 + Obtenez 2 → Acheter 3, Obtenez 2

⚠️ Veuillez noter: Changement d'un type de rabais de niveau à Buy X Get Y Free réinitialise le Obtenez Valeur 1 et efface le produit Y sélectionné — alors choisissez d'abord le type de réduction, puis configurez le reste.

ℹ️ Si vous voulez que les clients obtiennent plus de même produit libre au lieu d'un produit différent, utiliser le BOGO (Achetez-en un) type de rabais à la place — voir le guide BOGO dédié.

🎁 Obtenir le produit — Sélectionner le produit Y

ℹ️ Cette section n'apparaît que lorsque le type de réduction est Acheter X Obtenez Y gratuitement.

C'est ici que vous choisissez le Produit — le produit que le client obtient à un rabais lorsqu'il achète suffisamment du produit X.

→ Cliquez sur Sélectionner un produit Y pour ouvrir votre Shopify récupérateur de ressources et choisir un seul produit.

Une fois sélectionné, le produit apparaît à l'intérieur du niveau avec son image et son titre. D'ici là, vous verrez Aucun produit sélectionné.

⚠️ Important: Ne sautez pas cette étape — sans un produit Y sélectionné, le niveau n'a rien à donner. Vérifiez toujours deux fois chaque niveau Acheter X Get Y a son propre produit Y avant de publier.

💡 Vous pouvez utiliser Produit Y différent par niveau — par exemple, un petit freebie sur le niveau "Acheter 2" et un prime sur le niveau "Acheter 3".

🔢 Quantité

Le nombre d'articles de type X du client doit acheter pour débloquer ce niveau.

Pour acheter X Get Y niveaux, le Acheter condition suit automatiquement cette quantité — changer la quantité et la valeur d'achat mise à jour avec elle.

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

🏷️ Titre de l'offre, étiquette et étiquette de réduction

Chaque niveau comporte trois éléments de texte que vous pouvez personnaliser:

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

Les Étiquette de réduction et Balise les champs ont chacun une icône des yeux 👁️ sur le côté droit — cliquez dessus pour afficher ou masquer cet élément sur le devant du magasin.

💡 Les niveaux pré-remplis sont déjà livrés avec les titres et les étiquettes de style de l'Acheter 2 Get 3=" — il suffit de modifier le libellé pour correspondre à votre offre réelle, de sorte que les clients ne sont pas confus sur ce qu'ils obtiennent.

➕ Ajouter / 🗑️ Supprimer les niveaux

Ci-dessous les onglets d'offre vous trouverez:

• Ajouter une offre → ajoute un nouvel onglet de niveau (maximum 6 niveaux) . Les nouveaux niveaux commencent comme une plaine No Discount niveau — changer le type de rabais en Acheter X Obtenez Y gratuitement et configurer le produit Buy / Get / Y vous-même.
• 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 → pré-rempli avec l'Acheter X Obtenez l'Acheter Y. — changez-le en quelque chose de plus punchier comme l'Acheter ou l'Acheter Plus 🎁C'est-à-dire
• 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 fonctionnent exactement comme pour les offres Quantité Break — voici la version rapide:

👀 Apparence et apparence

• Afficher le prix unitaire / Afficher le prix total → afficher les prix par unité et par palier à l'intérieur de l'offre
• Cacher les lignes d'en-tête et de pied de page → nettoyer widget sans les lignes de diviseur
• Utiliser du texte personnalisé pour l'out of Stock → Afficher votre propre message lorsqu'un produit est en rupture de stock (le faire apparaître révèle un champ de texte)

⚙️ Fonctionnalité

• Laissez les clients choisir différentes variantes pour chaque article → les clients peuvent choisir une variante différente pour chaque unité dans le 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 vont directement à la caisse après avoir ajouté un niveau
• Montrer comparaison au prix → affiche la brillance de comparer-au prix (en la faisant apparaître Prix de comparaison personnalisé et en lecture seule Shopify prix de comparaison des produits champ)

🔄 Activer la combinaison de réduction

• Commandez des rabais / Remises sur l'expédition → laissez cette offre de rabais combiner avec le niveau de commande et les réductions d'expédition à la caisse

ℹ️ La combinaison de rabais produit est toujours sur. Montant dû Shopify restrictions, ce cadre s'applique globalement à toutes les nouvelles offres de ce type.

Ci-dessous Paramètres que vous trouverez également Marchés multiples (prix spécifiques au marché) et Traduction (translate des textes widgets). Tous deux sont optionnels et 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) est recommandé pour la plupart des magasins. Choisir Personnalisé (seulement sur la page du produit) si vous voulez positionner le widget vous-même — après l'enregistrement, l'application vous donne un Hoppy bundles Numéro d'identification et a extrait de code Vous pouvez placer n'importe où dans votre thème.
• Ciblage des clients → n'afficher l'offre qu'aux clients connectés, ou l'afficher ou la cacher sur la base des étiquettes du client et de la durée de vie passée
• Ciblage de géolocalisation → limiter l'offre à des pays spécifiques (par défaut : tous les emplacements)
• Calendrier → définir un 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 — polices, tailles de texte, couleurs, sélecteur de variante, et largeur de bordure/rayon.

💡 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.

ℹ️ Le thème violet BOGO semble déjà super hors de la boîte, donc cette étape est entièrement facultative. Le style est couvert en profondeur dans le guide de conception dédié.

⚠️ Notes importantes avant de publier

• 🎁 Chaque Acheter X Obtenez Y gratuitement niveau a besoin de son propre Produit Y sélectionné via Sélectionner un produit Y — un niveau sans personne n'a rien à donner.
• 🔒 Les Acheter la valeur est verrouillée aux niveaux Quantité — modifier la quantité si vous avez besoin d'une autre condition d'achat.
• 🔁 Changement de niveau Acheter X Obtenez Y gratuitement réinitialise Obtenez à 1 et efface le produit Y — définissez d'abord le type de rabais.
• ✏️ Gardez Titre de l'offre et Étiquette de réduction en synchronisation avec vos numéros Buy / Get, de sorte que le widget ne promet jamais quelque chose de différent de ce que le rabais offre.
• Uniquement une offre publiée est autorisé par produit ou collection.

✅ É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 la réduction produit Y à 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 Acheter X Obtenir Y est maintenant en direct 🚀

🎉 Résultat final

Une fois configuré avec succès :

✅ Les clients voient vos niveaux Acheter X Get Y directement sur la page du produit ✅ L'achat de la quantité requise déverrouille automatiquement le produit à prix réduit ✅ La réduction s'applique à la caisse — aucun code de coupon n'est nécessaire ✅ Les niveaux, les étiquettes et les étiquettes mettent à jour instantanément depuis l'application

Voici comment le widget fini regarde sur le devant du magasin — des offres claires, un niveau de meilleure valeur souligné, et une sélection en un clic ✨

Mis à jour le : 10/09/2026