Configurer une section de bundle Build-a-box

La section Build a box ajoute un configurateur de bundle à une page de thème Pops : les clients choisissent des produits et des variantes, définissent les quantités, débloquent une remise par paliers et ajoutent le bundle final au panier. Configurez-la dans l’éditeur de thème Shopify en plaçant la section sur un modèle de page, en choisissant la collection de produits et en configurant les limites du bundle et les paliers de remise. Il s’agit d’une section de thème Pops, et non d’une offre Snap Bundle.

Avant de commencer

La section est placée sur un modèle de page, vous pouvez donc l’héberger sur une page Shopify. Le thème Pops inclut un modèle de page personnalisé dédié (page.build-your-box) qui contient déjà la section ; associez-le à la page qui héberge votre configurateur de bundle, puis ouvrez cette page dans l’éditeur de thème. La section n’est pas disponible dans les groupes d’en-tête ou de pied de page.

Ajouter la section à une page

Placez la section Build a box sur le modèle de page avant de la configurer. Lorsque vous utilisez le sélecteur de sections de l’éditeur de thème, le préréglage Build a box apparaît sous Product.

1. Dans l’interface d’administration Shopify, associez le modèle page.build-your-box à la page qui doit afficher le configurateur de bundle.

2. Dans l’éditeur de thème, ouvrez cette page et repérez la section Build a box.

3. Si le modèle ne l’inclut pas déjà, ajoutez la section depuis le sélecteur de sections en choisissant Build a box sous Product.

Choisir la sélection de produits

Les produits proviennent d’une seule collection Shopify, et la section affiche uniquement les produits qui en font partie. Les produits s’affichent uniquement lorsqu’une collection est sélectionnée et qu’elle contient des produits ; si aucune collection n’est sélectionnée ou si elle est vide, la section affiche des cartes d’espace réservé.

1. Dans les paramètres de la section, définissez Collection sur la collection qui fournit les produits à partir desquels les clients composent leur box.

2. Définissez Products to show sur le nombre de produits de la collection à afficher, de 1 à 24 (12 par défaut).

3. Définissez Variant picker type sur Dropdown (par défaut) ou Buttons.

4. Laissez Show swatches (when available) activé pour afficher les pastilles de couleur lorsque vos données produit les fournissent.

Définir les limites du bundle et les paliers de remise

Les limites du bundle plafonnent le nombre d’articles qu’un client peut ajouter, tandis que les paliers de remise récompensent les box plus grandes. Le bouton de récapitulatif reste désactivé tant que le bundle n’a pas atteint le minimum, afin d’empêcher les clients d’envoyer une box trop petite.

1. Définissez Minimum quantity sur le nombre total minimal d’articles qu’un client peut ajouter, de 1 à 19 (1 par défaut).

2. Définissez Maximum quantity sur le nombre total maximal d’articles, de 1 à 20 (3 par défaut). Le contrôle de quantité de chaque produit est plafonné à cette valeur, et tout ajout qui la dépasserait est refusé avec le message You can add up to {maximum} items.

3. Configurez les quatre Discount tiers, chacun composé d’une paire item count et discount (%). Le nombre d’articles peut être compris entre 1 et 20, et la remise entre 0 % et 90 %.

4. Activez Show progress bar pour indiquer aux clients à quelle distance ils se trouvent du palier suivant (activé par défaut).

Les paliers par défaut sont les suivants :

Lors du paiement, la section ignore tout palier dont le nombre d’articles ou la remise est égal à zéro et trie les autres par nombre d’articles. Le palier actif est le palier le plus élevé dont le nombre d’articles est inférieur ou égal à la quantité totale du client, et la remise est appliquée au sous-total du bundle. Avant d’atteindre un palier, le client voit Add {remaining} item(s) to get {percent}% OFF ; une fois le palier atteint, il voit Bundle discount applied: {percent}% OFF.

Appliquer les paliers de remise lors du paiement

La tarification par paliers du configurateur de bundle est un aperçu calculé dans le thème ; la section envoie uniquement les identifiants de variantes et les quantités lorsqu’elle ajoute le bundle au panier. Pour appliquer les mêmes paliers lors du paiement, créez une remise automatique Shopify native par palier : une remise Amount off products avec une condition Minimum quantity of items définie sur le nombre d’articles du palier. Une box de 3 articles au palier de 30 % affiche sur la page (26,97 $ moins 8,09 $) et applique la remise équivalente dans le panier (environ 8 $ d’économie), à condition que les remises reproduisent les paliers de la section.

L’aperçu du thème et la remise au paiement sont deux systèmes distincts qui ne se synchronisent pas. Configurez d’abord la collection de la box (voir Choisir la sélection de produits), puis ciblez cette même collection dans chacune des remises ci-dessous.

1. Dans l’interface d’administration Shopify, accédez à Discounts et créez une remise en choisissant Amount off products et la méthode Automatic.

2. Définissez Discount value sur Percentage et saisissez le pourcentage du palier (5 pour 1 article, 15 pour 2, 30 pour 3, 45 pour 5).

3. Définissez Applies to sur Specific collections et sélectionnez la collection de la box.

4. Sous Minimum purchase requirements, choisissez Minimum quantity of items et saisissez le nombre d’articles du palier.

5. Sous Combinations, désélectionnez Product discounts afin que les paliers ne se cumulent pas.

6. Définissez Active dates pour commencer dès maintenant, sans date de fin, puis enregistrez et vérifiez que la remise est Active.

7. Répétez l’opération pour les trois autres paliers.

Lorsque plusieurs remises peuvent s’appliquer, Shopify applique celle qui offre le meilleur avantage pour le panier du client. Ainsi, une box qui n’atteint pas un palier supérieur bénéficie du palier inférieur suivant plutôt que d’un cumul. Testez chaque palier lors d’un paiement réel pour vérifier que l’aperçu de la box et la remise du panier correspondent.

Configurer le texte d’introduction

Un texte d’introduction au-dessus des cartes produit s’affiche uniquement lorsque vous ajoutez des blocs de contenu à la section. Le préréglage par défaut ajoute un bloc de titre et un bloc de texte principal, et le modèle fourni utilise Build Your Perfect Bundle comme titre et Choose your favorites and unlock exclusive discounts. comme texte principal.

1. Dans la section, ouvrez le bloc Text utilisé comme titre et définissez le texte de votre choix.

2. Ouvrez le bloc Text utilisé comme texte principal et définissez le contenu complémentaire.

3. Ajoutez ou supprimez des blocs Text selon vos besoins ; le paramètre Type de chaque bloc est défini sur Heading ou Body.

Tester l’expérience client

Prévisualisez la page et parcourez l’ensemble du parcours avant de publier afin de vérifier que les choix de produits, les remises et le comportement du panier fonctionnent comme prévu.

1. Dans l’éditeur de thème, ouvrez l’aperçu de la page, choisissez un produit, une variante et une quantité, puis utilisez Add to bundle.

2. Vérifiez qu’un produit dont la variante sélectionnée est en rupture de stock ou indisponible ne peut pas être ajouté : son bouton Add to bundle est désactivé.

3. Vérifiez que le Bundle summary répertorie chaque article avec son prix et sa quantité, et que Subtotal, Bundle discount et Total se mettent à jour lorsque vous ajoutez des articles.

4. Vérifiez que Add bundle to cart reste désactivé jusqu’à ce que la quantité totale atteigne le minimum et que le total ne soit jamais inférieur à zéro.

5. Cliquez sur Add bundle to cart et vérifiez que tous les articles sélectionnés sont ajoutés au panier en une seule fois.

Consultez la référence Build a box pour obtenir le tableau complet des paramètres et la liste complète des libellés visibles par les clients.

FAQ