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

Vous voulez que votre offre groupée apparaisse exactement où vous le voulez sur votre page de produit — pas seulement sous le bouton Ajouter au panier? 🎯

C'est exactement ce que Placement sur mesure option dans Hoppy Bundles est conçu pour.

Par défaut, chaque offre groupée est affichée sous le bouton Ajouter au panier automatiquement. Mais avec Custom Placement, vous pouvez positionner l'offre n'importe où sur votre page de produit en utilisant soit:

• 🧩 Les Hoppy Bloc d'application de groupe à l'intérieur Shopify éditeur de thème (pas de codage nécessaire!)
• 📝 Un petit extrait de code collé dans votre code thématique ou une section Custom Liquid

Ce guide vous guide à travers les deux méthodes étape par étape ✨

🤔 Quand devriez-vous utiliser le placement personnalisé?

Placement personnalisé est utile lorsque vous voulez :

• Afficher l'offre groupée ci-dessus le bouton Ajouter au panier
• Placez l'offre à côté de la description du produit, des images ou des commentaires
• Déplacez l'offre plus bas sur la page — par exemple sous les détails du produit
• Avoir un contrôle total sur la position exacte à l'intérieur de votre mise en page de thème

ℹ️ Travaux de placement sur mesure seulement sur la page du produit. Les autres pages ne sont pas affectées par ce paramètre.

✅ Avant de commencer

Avant de mettre en place un placement personnalisé, assurez-vous d'avoir:

• ✅ Les Hoppy Bundles app installée sur votre magasin
• ✅ A Offre groupée déjà créé (ou en créer un nouveau)
• ✅ Les App Intégré activé dans votre thème (voir l'étape suivante)

💡 Les mêmes étapes fonctionnent également pour Quantité Pause offre — la section Placement ressemble et se comporte exactement de la même façon.

⚙️ Étape initiale — Activer l'application intégrée

Pour que l'offre groupée apparaisse n'importe où dans votre magasin, l'intégration de l'application doit être activée dans votre Shopify thème.

Allez à :

Shopify Admin → Chaînes de vente → Boutique en ligne → Thèmes → Personnaliser → App Embeds

Alors :

• Rechercher Offre de rabais en vrac (les Hoppy Bundles Intégration)
• C'est parti.
• Cliquez sur Enregistrer

⚠️ Sans l'intégration de l'application activée, ni le placement par défaut ni le placement personnalisé ne seront rendus sur votre boutique.

🛠️ Étape 1 — Sélectionnez Placement personnalisé dans votre offre

Ouvrir la Hoppy Bundles application et ouvrir l'offre de paquet que vous voulez placer manuellement.

Alors :

1. Allez au Ciblage et placement onglet
2. Faites défiler jusqu'au Placement rubrique
3. Dans le menu déroulant, sélectionnez Personnalisé (seulement sur la page du produit) au lieu de Ajouter au panier Bouton (Défaut)

💾 Étape 2 — Sauvegarder l'offre d'abord

Cette étape est importante ⚠️

Les Hoppy bundles Numéro d'identification et les extrait de code ne sont générés que après la sauvegarde de l'offre.

Si vous sélectionnez Personnalisé placement sur une nouvelle offre (non sauvée), vous verrez ce message à la place:

Enregistrer pour voir Hoppy bundles Extrait d'identification et de code

Donc :

1. Cliquez sur Enregistrer en haut de la page
2. Retour à Ciblage & Placement → Placement

Vous allez voir deux choses 👇

🆔 Étape 3 — Copier votre Hoppy bundles Extrait de code & ID

Une fois enregistré, la section Placement affiche :

• Hoppy bundles Numéro d'identification → un ID unique pour cette offre spécifique, avec une icône de copie à côté
• Hoppy bundles extrait de code → un extrait HTML prêt à l'emploi, également avec une icône de copie :

ℹ️ Chaque offre a son propre ID unique. Si vous créez plusieurs offres groupées, assurez-vous de copier l'ID/extrait du bon.

Vous pouvez maintenant placer l'offre en utilisant soit des deux méthodes suivantes 👇

🧩 Méthode 1 — Placez l'offre en utilisant le bloc d'application de l'éditeur de thème (Recommandé)

C'est la méthode la plus facile — pas de codage requis 🎉

Les Hoppy bundles Le bloc app peut être ajouté, supprimé, repositionné et personnalisé à l'aide de l'éditeur de thème en utilisant votre ID de bundle.

Suivez ces étapes :

1. Allez à Shopify Admin → Boutique en ligne → Thèmes → Modifier le thème
2. En haut de l'éditeur de thème, changez le sélecteur de page pour Produits → Produit par défaut (ou le modèle de produit que vous utilisez)
3. Dans la barre latérale gauche, cliquez Ajouter un bloc à l'intérieur de la section Produit
4. Sous Applications onglet, sélectionner Hoppy Ensemble
5. Dans les paramètres de bloc, collez votre ID du groupe dans la ID du groupe champ
6. Faites glisser le bloc vers le haut ou vers le bas pour le positionner exactement où vous voulez que l'offre apparaisse
7. Cliquez sur Enregistrer

⚠️ Si vous laissez le champ ID de Bundle vide, le bloc affichera un Veuillez configurer l'ID pour utiliser le bloc App avertissement au lieu de votre offre — alors n'oubliez pas de coller l'ID!

💡 Vous pouvez repositionner le bloc à tout moment en le faisant glisser dans l'éditeur de thème — l'offre suivra la position du bloc sur la page.

📝 Méthode 2 — Déposez l'offre en utilisant l'extrait de code

Utilisez cette méthode si vous voulez placer l'offre à l'intérieur d'un endroit spécifique dans votre code de thème, ou à l'intérieur d'un Liquide personnalisé section/bloc.

Option A — Utilisation d'un bloc Liquid personnalisé dans l'éditeur de thème

1. Allez à Shopify Admin → Boutique en ligne → Thèmes → Personnaliser
2. Passez à votre modèle de produit
3. Cliquez sur Ajouter un bloc (ou Ajouter une section) → choisir Liquide personnalisé
4. Coller l'extrait de code de l'étape 3:
5. Positionnez le bloc où vous voulez que l'offre apparaisse
6. Cliquez sur Enregistrer

Option B — Dans votre code thématique

1. Allez à Shopify Admin → Boutique en ligne → Thèmes → (trois points) → Modifier le code
2. Ouvrez votre fichier modèle de produit — habituellement quelque chose comme product.liquid, main-product.liquid, ou un produit JSON / fichier de section (le fichier exact dépend de votre thème)
3. Collez l'extrait exactement où vous voulez que l'offre groupée rende:
4. Cliquez sur Enregistrer

⚠️ Modifier le code de thème directement peut casser votre mise en page si fait incorrectement. Si vous n'êtes pas à l'aise de modifier le code, utilisez Méthode 1 ou Option A Au lieu de cela — ou dupliquer votre thème d'abord comme une sauvegarde.

📌 Notes et avertissements importants

• ⚠️ Sauvez d'abord ! L'ID et l'extrait de lot apparaissent seulement après que l'offre a été enregistrée au moins une fois.
• ⚠️ Travaux de placement sur mesure seulement sur la page du produit — l'offre ne sera pas injectée à des positions personnalisées sur d'autres pages.
• ⚠️ Assurez-vous que App Intégré est activé dans votre thème, sinon l'extrait / bloc restera vide sur le devant du magasin.
• ℹ️ L'extrait doit conserver le nom exact de la classe futureblink-bundle-block et votre offre unique id — ne pas les renommer, sinon l'application n'a pas trouvé le conteneur.
• ℹ️ Chaque offre propre ID unique. Copier l'extrait d'une offre et s'attendre à une autre offre pour montrer won=t travail.
• 💡 Si vous changez le menu déroulant Placement en Ajouter au panier Bouton (Défaut), l'application rendra l'offre automatiquement à nouveau — pas d'ID ou d'extrait nécessaire.

🎉 Résultat final

Une fois que tout est configuré :

✅ Votre offre groupée apparaît à la position exacte que vous avez choisie sur la page du produit ✅ Vous pouvez le repositionner à tout moment à partir de l'éditeur de thème (méthode App Block) ✅ L'offre reste entièrement dynamique — prix, réductions et variantes mise à jour en temps réel ✅ Votre page produit est exactement comme vous l'avez conçu ✨

Utilisation personnalisée Placement vous donne un contrôle complet sur l'endroit où votre paquet offre live sur la page — de sorte qu'ils s'intègrent parfaitement dans votre conception de magasin et le flux de shopping 🚀

Mis à jour le : 10/09/2026