> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🚀 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 🚀