> ## 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 définir les forfaits Offre pour un placement personnalisé

> ℹ️ **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 🚀