Cet article est aussi disponible en :

🚀 Comment configurer Construire votre propre bloc (BYOB)

ℹ️ 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 laisser vos clients piquer les produits à la main dans leur paquet au lieu d'acheter un combo fixe? 🛍️


C'est exactement ça. Construisez votre propre bloc (BYOB) offre en Hoppy Bundles est conçu pour.


Avec BYOB, vos clients peuvent :


  • 🧺 Choisir les produits des collections ou des produits que vous autorisez
  • 🎯 Respectez les règles de sélection que vous définissez (p. ex. « cochez au moins 3 éléments »)
  • 💸 Débloquer une réduction une fois que leur paquet est admissible
  • 🛒 Ajouter le paquet entier au panier en un seul clic


Le bundle apparaît comme sa propre page de produit sur votre front de magasin, avec un constructeur de bundle en direct vos clients peuvent interagir avec ✨



🧠 Comment BYOB fonctionne (Aperçu rapide)


Lorsque vous enregistrez une offre BYOB, Hoppy Bundles fait automatiquement deux choses pour vous:


  1. Crée un Shopify Produit pour le paquet (en utilisant l'URL du produit, le titre, le prix, la description et l'image que vous fournissez)
  2. Crée un Shopify réduction automatique qui applique votre rabais configuré lorsque le forfait du client est admissible


Les clients visitent ensuite cette page de produit, construisent leur paquet et vérifient — la réduction s'applique automatiquement lorsque vos règles sont respectées 🎉



✅ Avant de commencer


Avant de commencer la configuration, assurez-vous d'avoir :


  • 📦 Les produits ou collections vous voulez que les clients de choisir, déjà créé dans Shopify
  • 🖼️ A image de bannière pour la page groupée (PNG, JPG ou GIF, jusqu'à 5 Mo) — cela est nécessaire
  • 🧮 Une idée grossière de votre Règles de sélection (combien d'articles les clients doivent choisir, et d'où)
  • 💰 Une idée grossière de votre Réduction (facultatif — BYOB fonctionne aussi sans rabais)


💡 La planification de vos règles d'abord rend la configuration beaucoup plus rapide — tout le flux ne prend que quelques minutes une fois que vous savez ce que vous voulez ⚙️



🛠️ Étape 1 — Créer une nouvelle offre BYOB


Ouvrir la Hoppy Bundles application et aller à la page de création d'offre.


Sur le Sélectionner le type d'offre écran, trouver la carte:


BYOB (Construisez votre propre ensemble)"Laissez les clients construire leur propre paquet"


Alors :


→ Cliquez sur Créer BYOB pour ouvrir la page de configuration BYOB.


Une fois sélectionné, la page de configuration s'ouvre automatiquement avec un Aperçu en direct sur le côté droit — chaque changement que vous mettez à jour l'aperçu en temps réel 👀



📝 Étape 2 — Configurer l'information de groupe (onglet général)


Vous allez d'abord atterrir à l'intérieur du Généralités onglet. Les Informations sur le groupe section contrôle ce que les clients voient sur la page de paquet.



🔗 URL du produit


Ceci est la poignée URL de la Shopify produit qui Hoppy Bundles crée pour votre paquet.


  • Seules les lettres minuscules, les chiffres et les tirets sont autorisés.
  • Exemple : build-your-bundle → votre page de paquet devient /products/build-your-bundle


💡 Choisissez une poignée courte et mémorable — les clients peuvent visiter cette URL directement, et vous pouvez lier à elle à partir de menus, e-mails ou annonces.



🧩 Modèle


Ce réglage contrôle la disposition du constructeur de paquets sur la page.


Il y a 2 modèles disponibles :


  • Choix de la tablette → Les clients naviguent sur les produits et "pick de l'étagère", avec une barre collante suivi de combien d'articles ils ont encore besoin
  • Séparer la sélection → Une mise en page fractionnée avec l'image de paquet d'un côté et la sélection du produit de l'autre


Changez entre eux et vérifiez Aperçu en direct pour voir lequel correspond le mieux à votre magasin ✨



🏷️ Titre


Les clients principaux de la rubrique voir sur la page de paquet.


Exemple


  • Construisez votre propre ensemble
  • Créez votre boîte Snack
  • Mélanger et assortir votre ensemble de soins



📌 Texte à barres collantes


Ce texte apparaît dans la barre collante qui suit les progrès du client pendant qu'il choisit des produits.


Vous pouvez utiliser la variable dynamique :


{target} → automatiquement remplacé par le nombre total d'articles que le client doit sélectionner


Exemple


"Besoin d'au moins {cible} de ce groupe"


ℹ️ En utilisant {target}, le message reste correct même si vous changez vos règles de sélection plus tard.



🔘 Textes à boutons


Deux étiquettes bouton peuvent être personnalisées:


  • Texte du bouton → Le bouton principal d'appel à l'action (par défaut : "Ajouter le paquet au panier")
  • Bouton de carte produit → Le petit bouton sur chaque carte produit (par défaut : Ajouter)



💰 Prix


Définit le prix de base de la Shopify produit créé pour ce paquet.


Vous pouvez entrer :


  • A prix fixe → par exemple 5000
  • A fourchette de prix → par exemple 3000-5000


ℹ️ Le montant réel payé par les clients est calculé à partir des produits qu'ils choisissent plus votre rabais — ce champ est le prix indiqué sur le produit groupé lui-même. Lorsqu'une plage est saisie, la première valeur est utilisée comme prix du produit.



📝 Désignation des marchandises


Une description de texte riche pour la page de paquet. Utilisez-le pour expliquer l'offre aux clients.


Exemple


"Pick tous les 3 produits de nos bestsellers et obtenir 20% de votre paquet! 🎁"



🖼️ Médias (requis)


Télécharger l'image principale affichée sur la page de paquet.


  • Cliquez sur la zone de téléchargement ou faites glisser & déposer une image
  • Formats pris en charge: PNG, JPG, GIF jusqu'à 5 Mo
  • Utilisation Changement ou Supprimer remplacer une image existante


⚠️ Important:


L'image du paquet est requis. Vous ne pourrez pas enregistrer l'offre sans en télécharger une.



🎯 Étape 3 — Définir la logique de sélection des produits


Passons à la Logique de sélection des produits onglet.


C'est le cœur de BYOB ❤️ — ici vous définissez ce que les clients doivent choisir pour qu'ils se qualifient.



📦 Conditions générales


Chaque condition définit une règle de sélection :


Sélectionnez → Au moins → [Quantité] → De → [Collection ou produits]


Exemple


  • Au moins 3 de la collecte "Bestsellers"
  • Au moins 2 de produits "T-shirt A, T-shirt B, T-shirt C"


Un client doit satisfaire toutes les conditions avant qu'ils puissent ajouter le paquet au panier.



🛒 Choix de produits ou de collections


Pour chaque condition:


  1. Définir la Quantité les clients doivent choisir
  2. Choisir De → Collection ou De → Produit
  3. Cliquez sur Sélection des collections ou Sélectionner des produits pour ouvrir la Shopify Cueillette
  4. Choisissez un ou plusieurs articles — ils apparaissent comme étiquettes amovibles sous le bouton


⚠️ Important:


Toute condition doit avoir au moins une collection ou un produit sélectionné — sinon l'offre ne peut pas être sauvegardée.


ℹ️ Commutation entre Recouvrement et Produit efface la sélection actuelle pour cette condition, alors choisissez d'abord votre type.



🔢 Commande d'affichage des produits


Lorsque vous utilisez un Recouvrement, les produits apparaissent dans l'ordre de tri de la collection.


ℹ️ Vous pouvez modifier l'ordre d'affichage dans Shopify Admin → Produits → Collections → [Votre collection] → Produits → Trier par.



🔍 Ajouter des filtres (facultatif)


Activer Ajouter des filtres à la condition d'affiner les produits que les clients voient:


  • Afficher les étiquettes (comma séparé) → Afficher uniquement les produits avec ces étiquettes
  • Masquer les étiquettes (comma séparé) → Cacher les produits avec ces étiquettes


Exemple Cas d'utilisation


  • Afficher uniquement les produits étiquetés bundle-eligible
  • Cacher les produits étiquetés sold-out ou excluded



➕ Ajouter d'autres conditions


Cliquez sur + Ajouter plus de conditions créer des règles de sélection supplémentaires.


Exemple


  • État 1 → Au moins 2 de la collection Chemises
  • État 2 → Au moins 1 de la collection Accessoires


Cela oblige les clients à construire un paquet mixte entre les deux groupes 🎽🧢


ℹ️ L'icône de suppression sur une condition n'apparaît que lorsque vous avez plus d'une condition — au moins une condition est toujours nécessaire.



💸 Étape 4 — Configurer le rabais (facultatif)


Retour dans le Généralités onglet, défiler vers le Réduction Chapitre.


Si vous ne voulez pas de réduction, laissez le Type comme Pas de rabais et sautez à l'étape suivante — BYOB fonctionne parfaitement bien sans un.



🏷️ Type de rabais


Il existe 5 options:


Type de rabais


Désignation des marchandises


Pas de rabais


Constructeur de groupe seulement, pas de rabais


% Remise


Pourcentage de rabais (p. ex. 25% de rabais)


Réduction forfaitaire


Montant fixe du forfait (p. ex. 500 off)


Sur chaque unité de réduction à plat


Montant fixe par poste (par exemple, 50 sur chacun)


Prix spécifique


Fixer un prix final exact pour le paquet


Une fois que vous choisissez un type autre que Pas de rabais, une Valeur d'actualisation champ apparaît — saisissez le numéro là.



⚖️ Réduction basée sur


ℹ️ Cette section n'apparaît que lorsqu'un type de rabais est sélectionné.


Il contrôle lorsque la réduction devient active.



💰 Panier Montant total


La réduction s'applique une fois que la valeur totale des éléments du forfait atteint un montant minimum.


Définir le seuil dans le Valeur minimale du chariot sur le terrain.


Exemple


  • Le total de l'ensemble atteint 3000 $ → 10% OFF s'applique


⚠️ Veuillez noter:


La valeur du panier est toujours évaluée avant tous les rabais sont appliqués. La vérification de la valeur minimale du chariot ne tient pas compte des rabais sur le niveau de commande (par exemple, un pourcentage sur l'ensemble du chariot).



🛒 Quantité de produit


La réduction s'applique une fois que le client a choisi un nombre minimum d'articles.


  • Définir le seuil dans le Quantité minimale champ
  • Activer en option Ne compter que des produits uniques les quantités répétées du même produit ne comptent pas


Exemple avec des produits uniques


  • Produit A × 3 → compté comme 1 Produit
  • Produit A + Produit B → 2 produits


C'est utile quand vous voulez que les clients explorent différents produits au lieu d'empiler le même 🛍️



🔄 Étape 5 — Combinaisons de rabais


En dessous de la section Réduction, la Activer la combinaison de réduction carte contrôle si votre BYOB empile avec d'autres réductions à la caisse.


  • Commandez des rabais → Permettre 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 BYOB se combinent toujours avec d'autres rabais produits par défaut.



🎨 Étape 6 — Conception, traduction et extras (facultatif)


Ces sections sont entièrement optionnelles lors de l'installation — les par défaut sont superbes hors de la boîte ✨


  • Onglet design → Personnalisez les polices, les couleurs, la typographie et les styles de boutons du constructeur de paquets. Pour plus de détails, consultez le document dédié à la conception et au style.
  • Traduction → Traduire les textes groupés dans les autres langues de votre magasin.
  • Marchés multiples → Ajustez l'offre pour des marchés spécifiques.
  • Options de notes personnalisées → Activer Ajouter le champ de note pour montrer aux clients un pop-up pour une note personnalisée après avoir ajouté le paquet au panier 🗒️



✅ Étape 7 — Enregistrer et publier


Une fois que tout est configuré :


  1. Cliquez sur Enregistrer dans la barre de sauvegarde en bas
  2. Cliquez sur Publier dans le coin supérieur droit ⚠️ Important:


Une nouvelle offre BYOB est toujours enregistrée Projet D'abord. Les Publier bouton devient disponible seulement après la première sauvegarde.


Quand vous frappez Enregistrer, Hoppy Bundles automatiquement :


  • 🛍️ Crée (ou met à jour) la Shopify produit pour votre paquet — visible dans Shopify Admin → Produits
  • 💸 Crée la réduction automatique — visible dans Shopify Admin → Réductions


Quand vous frappez Publier, le produit de paquet va Activité et les tours de réduction le — votre page BYOB est maintenant en direct 🚀


💡 Vous pouvez Sans publication à tout moment pour prendre le paquet hors ligne sans le supprimer, et utiliser Dupliquer cloner une offre BYOB existante comme point de départ pour une nouvelle offre.



⚠️ Remarques importantes


  • 🖼️ Une image multimédia est requise — l'épargne échoue sans elle
  • 🎯 Chaque condition nécessite une sélection — au moins une collecte ou un produit par condition
  • 🧺 Les clients doivent satisfaire à toutes les conditions avant que le bouton Ajouter un ensemble au panier ne s'active
  • 🗑️ Supprimer une offre BYOB supprime également ses liens Shopify produit, rabais et image téléchargée — cela ne peut pas être annulé
  • 🔗 Ne supprimez pas manuellement le bundle créé automatiquement dans Shopify Admin sauf si vous supprimez l'offre... Hoppy Bundles recrée-le sur la prochaine sauvegarde si elle manque



🎉 Résultat final


Une fois publié avec succès:


✅ Les clients obtiennent une page dédiée sur votre boutique ✅ Ils choisissent des produits basés sur vos règles avec le suivi des progrès en direct ✅ La réduction s'applique automatiquement une fois que le forfait est admissible ✅ Le paquet entier est ajouté au panier en un clic ✅ La valeur de commande moyenne s'améliore à mesure que les clients construisent des paquets plus importants ✨


Une offre BYOB bien configurée transforme le shopping en une expérience interactive — les clients adorent construire leurs propres combos 🚀

Mis à jour le : 10/09/2026

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

Partagez vos commentaires

Annuler

Merci !