ℹ️ 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 exécuter un classique d'achat 1 Obtenez 1 Offre gratuite — ou n'importe quel Acheter X Obtenez Y variation — sans toucher aux codes de réduction? 🎁

C'est exactement ce que BOGO (Achetez-en un) offre en Hoppy Bundles est conçu pour.

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

• 🛒 Acheter 1 → Prix standard
• 🎉 Acheter 2 → Obtenez 1 Gratuit
• 🔥 Acheter 3 → Obtenez 1 gratuit

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

Les clients choisissent simplement l'offre qu'ils aiment, et le rabais article gratuit est appliqué automatiquement à la caisse ✨

ℹ️ BOGO utilise le même écran de configuration qu'un Quantité Pause offre — il ouvre juste pré-rempli avec les niveaux de style BOGO et le Ouais ! C'est BOGO template, donc vous n'êtes jamais à partir d'une page vide.

📍 Où apparaît le widget BOGO

Le widget BOGO 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).

ℹ️ L'article gratuit est ajouté et réduit automatiquement à la caisse — les clients n'ont pas besoin d'ajouter l'article gratuit au panier eux-mêmes ou d'entrer un code de réduction.

🛠️ Exemple de configuration utilisé dans cette documentation

Dans cette documentation, nous allons configurer la structure suivante de BOGO (c'est exactement ce Hoppy Bundles préremplis pour vous):

• 🛒 1 paire → Prix standard (pas de rabais)
• 🎉 Acheter 2 Obtenez 1 → le 3ème article est gratuit
• 🔥 Acheter 3 Obtenez 1 → le 4ème article est gratuit

L'offre sera appliquée à produits spécifiques et affiché en utilisant le pré-sélectionné Ouais ! C'est BOGO modèle.

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 BOGO 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 → 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 BOGO

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 BOGO (Achetez-en un) carte — Acheter un produit et obtenir un autre gratuit ou réduit — et cliquez sur Créer une offre BOGO.

💡 Voulez que le client achète une quantité fixe et obtenir un Produit différent à la place ? Les Acheter X Get Y carte juste à côté de elle ouvre la même configuration avec les niveaux pré-remplis pour ce flux (par exemple, l'achat 2 Get 3.

🧩 É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 d'été BOGO
• T-Shirt Acheter 2 Obtenez 1
• Vendredi noir BOGO

💡 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 les produits auxquels s'applique l'accord BOGO.

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: Seulement une offre publiée est autorisé par produit ou collection. Si une autre offre publiée couvre déjà le même produit, vous devrez convertir celui-ci en un projet avant de publier celui-ci.

🎨 Étape 3 — Choisir un modèle

Ensuite, vous verrez Sélectionnez votre offre préférée section avec une ligne de modèles de widgets prêts à l'emploi.

Parce que vous avez commencé à partir de la carte BOGO, Ouais ! C'est BOGO modèle 💜) est déjà présélectionné pour vous — vous pouvez simplement le garder.

Vous pouvez également choisir un point de départ différent:

• Ensemble & Enregistrer → construire un à partir de zéro
• Offre à durée limitée → niveaux à thème orange
• Vente Flash Madness ! → niveaux à thème rose
• Ouais ! C'est BOGO → niveaux BOGO à thème violet (pré-sélectionné)

Une fois que vous êtes satisfait de la sélection, cliquez sur Appliquer le modèle sélectionné.

⚠️ Le bouton d'application reste désactivé jusqu'à ce que vous ayez sélectionné au moins un produit ou une collection (lorsque Demande d'offre est réglé à Produit ou Recouvrement) .

Après application, l'éditeur complet s'ouvre avec un Aperçu en direct à droite — les deux bureau et mobile — qui met à jour instantanément au fur et à mesure que vous changez les paramètres ✨

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

C'est là que votre accord BOGO prend réellement forme. Vous verrez vos niveaux comme des onglets — Offre 1, Offre 2, Offre 3 — chacune d'entre elles est cliquable sur le widget front de magasin.

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

En haut de l'onglet Général, une petite carte sommaire affiche votre Nom de l'offre (cliquez sur ✏️ icône pour le renommer) et votre Offre sélectionnée modèle.

📐 Présentation du modèle

Choisissez comment les niveaux sont affichés :

• Vertical → niveaux empilés l'un sur l'autre (par défaut)
• Horizontale → niveaux côte à côte

Avec Vertical mise en page, vous obtenez également un Choisir un thème option avec presets de couleur rapide (bleu, rouge, vert).

🎁 Modifier l'offre — Vos niveaux BOGO

Chaque onglet de niveau a ses propres paramètres. Voici ce que chacun fait pour une configuration BOGO:

💸 Type de rabais

Cette chute est le cœur de votre niveau. Les options pertinentes sont les suivantes :

• Pas de rabais → les articles sont vendus à prix standard (parfait pour votre niveau de base .
• BOGO (Achetez-en un) → acheter la quantité de niveau, obtenir plus d'article(s) de la même produit gratuit
• Acheter X Obtenez Y gratuitement → acheter la quantité de niveau, obtenir un Produit différent (le produit 'Y') gratuit

Les autres types de rabais (% Remise, Réduction forfaitaire, Sur chaque réduction forfaitaire, Prix spécifique) aussi travailler ici si vous voulez jamais un widget mixte — par exemple un niveau BOGO plus un niveau de 20 % OFF.

🔢 Quantité + Acheter / Obtenir

Les Quantité le champ contrôle combien d'articles le client ajoute quand il choisit ce niveau — et pour les niveaux BOGO, il définit également le Acheter montant automatiquement.

• Avec BOGO (Achetez-en un) sélectionné, vous verrez Acheter et Obtenez cases au lieu d'une valeur de rabais. Les deux sont en lecture seule: Acheter correspond toujours à la quantité de niveau, et Obtenez est fixé à 1 article gratuit.
• Avec Acheter X Obtenez Y gratuitement sélectionné, Acheter suit la quantité de niveau, mais Obtenez est modifiable — pour que vous puissiez vous offrir des offres de style "Acheter 2, obtenir 3.

💡 Je veux un classique Acheter 1 Obtenez 1 Gratuit? Il suffit de définir un niveau Type de rabais à BOGO (Achetez-en un) et ses Quantité à 1 — terminé.

🎁 Obtenir le produit (Acheter X Obtenir Y gratuitement seulement)

Lorsqu'un niveau utilise Acheter X Obtenez Y gratuitement, un supplément Obtenez un produit La section apparaît.

Cliquez sur Sélectionner un produit Y pour ouvrir le récupérateur de ressources et choisir le produit gratuit que votre client reçoit.

ℹ️ C'est comme ça qu'on achète un sweat à capuche, on obtient une casquette gratuite. Avec la plaine BOGO (Achetez-en un) type, l'élément gratuit est toujours plus de la même produit, donc aucun produit Y n'est nécessaire.

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

• Titre de l'offre → le texte principal du niveau, par exemple Acheter 2 Get 1
• Étiquette de réduction → le texte d'économie affiché sur le niveau, p.ex. Acheter 2 obtenir 1 — cliquez sur le 👁️ icône pour la cacher
• Balise → un petit badge de mise en valeur, par exemple. Les plus populaires — également cachés avec le 👁️ icône

💡 Les niveaux pré-remplis disent déjà : Achetez 2 Obtenez 1 et 3 Achetez 1 — il suffit de modifier le libellé pour correspondre à votre voix de marque.

🎁 Cadeau gratuit (facultatif)

Cochez Cadeau gratuit case à cocher sur n'importe quel niveau, puis cliquez Sélectionner des produits d'attacher des produits cadeaux gratuits supplémentaires à ce niveau — en plus de l'article sans BOGO lui-même.

➕ Ajouter / 🗑️ Supprimer les niveaux

• Cliquez sur Ajouter une offre ajouter un autre niveau (maximum 6 niveaux)
• Cliquez sur Supprimer pour supprimer le niveau actuel (au moins 2 les niveaux sont requis)

📰 Titre du bloc & Texte du pied de page

• Titre du bloc → le cap au-dessus du widget. Il est prérempli avec Offre Bogo — le changer à tout ce que vous voulez, ou le cacher avec le 👁️ icône
• Texte du pied de page → une petite ligne sous les niveaux (par défaut : Livraison gratuite), également repérable

🛠️ Étape 5 — Configurer les paramètres

Toujours sur le Généralités onglet, le Paramètres carte contrôle comment le widget se comporte.

👀 Apparence et apparence

• Afficher le prix unitaire → afficher le prix par article à l'intérieur de chaque niveau
• Afficher le prix total → afficher le prix total du niveau
• Cacher les lignes d'en-tête et de pied de page → supprime les lignes de diviseurs d'en-tête/de pied de widget
• Utiliser du texte personnalisé pour l'out of Stock → affiche votre propre message lorsque le produit est épuisé (un champ de texte apparaît ci-dessous lorsque activé)

⚙️ Fonctionnalité

• Laissez les clients choisir différentes variantes pour chaque article → pratique pour BOGO — par exemple acheter 2 chemises, choisir une taille/couleur différente pour chaque, et toujours obtenir le gratuit
• Afficher le widget ci-dessous ajouter au bouton du panier → maintient le widget ancré sous le bouton Ajouter au panier
• Passer le panier directement à la caisse → envoie les clients directement à la caisse quand ils choisissent un niveau
• Remise sur le volume (Extend Max Discount to All Quantities) → permet aux clients d'acheter des articles supplémentaires au-delà du niveau le plus élevé au même taux d'actualisation maximal
• Montrer comparaison au prix → montre la comparaison biffée au prix; lui permettant de révéler Prix de comparaison personnalisé et Shopify prix de comparaison des produits champs

🔄 Activer la combinaison de réduction

• Commandez des rabais → permettre à cette offre de combiner avec des réductions de niveau de commande
• Remises sur l'expédition → permettre de combiner avec des réductions d'expédition

ℹ️ Les rabais produits se combinent toujours. Montant dû Shopify restrictions, ce réglage combiné s'applique globalement à toutes les nouvelles offres basées sur la quantité (y compris BOGO).

🌍 Marchés multiples & Traduction

Plus bas vous trouverez Marchés multiples (niveaux différents par marché) et Traduction (widget texte dans votre magasin d'autres langues). Tous deux sont optionnels et couverts dans leurs propres guides dédiés.

🎯 Étape 6 — Ciblage et placement (facultatif)

Les Ciblage et placement onglet contrôles où et à qui l'offre montre.

📍 Placement

• Ajouter au panier Bouton (Défaut) → aucun travail supplémentaire nécessaire
• Personnalisé (seulement sur la page du produit) → après avoir économisé, vous obtiendrez votre Hoppy bundles Numéro d'identification et une copie extrait de code pour tomber n'importe où dans votre thème

👤 Ciblage des clients & 🌍 Ciblage de géolocalisation

• Afficher ou masquer l'offre en fonction statut de connexion, étiquettes client, ou montant total dépensé
• 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 pour l'offre — parfait pour une vente flash BOGO week-end -

ℹ️ 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 candidats présélectionnés Ouais ! C'est BOGO modèle semble déjà grand 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é.

✅ É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 articles gratuits à 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 BOGO est maintenant en direct 🚀

🎉 Résultat final

Une fois configuré avec succès :

✅ Les clients voient vos niveaux BOGO directement sur la page produit ✅ Les articles gratuits sont ajoutés et actualisés automatiquement à la caisse ✅ Les niveaux, les étiquettes et les étiquettes mettent à jour instantanément depuis l'application ✅ Le widget correspond à votre thème avec le modèle et les couleurs que vous avez choisi

Voici comment le widget fini regarde sur le devant du magasin — offres claires BOGO, une sélection en un clic, et des articles gratuits appliqués automatiquement à la caisse ✨

💡 Voulez que l'article gratuit soit un Produit différent Au lieu de plus de la même chose ? Modifier un niveau, changer Type de rabais à Acheter X Obtenez Y gratuitement, et choisissez votre produit gratuit avec Sélectionner un produit Y — pas besoin de recommencer.

Mis à jour le : 10/09/2026