> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widebundle.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).

# Commencer à utiliser WideBundle 🚀

# Bienvenue sur WideBundle ! 👋

Nous sommes ravis de vous accueillir !  
Ce guide vous aidera à installer, configurer et personnaliser WideBundle étape par étape afin d’augmenter rapidement votre panier moyen.

💡 Vous préférez la vidéo ?  

${frame}[](https://www.loom.com/embed/2ac7e67b78af451e8b68a18fe90642fe)

---

## 1. Activer WideBundle dans votre thème

Avant de pouvoir créer et afficher vos bundles, le widget WideBundle doit être activé dans votre thème Shopify.

1. Ouvrez l’application et cliquez sur **Activer WideBundle**  

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_glxwmo.png)

2. Vous serez redirigé vers l’**éditeur de thème Shopify**  
3. Dans la barre latérale gauche, vérifiez que **WideBundle** est bien coché  
4. Cliquez sur **Enregistrer** en haut à droite  

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_2lsgr4.png)

5. Revenez ensuite sur WideBundle — l’application est maintenant **activée**

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_yxk5nc.png)

Votre widget est désormais prêt à apparaître sur vos pages produits.

---

## 2. Créer votre premier bundle

Maintenant que WideBundle est activé, créons votre premier bundle.

1. Descendez et cliquez sur **Ajouter des bundles**  

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1o9qiln.png)

2. Choisissez le **type de bundle**

Nous vous recommandons d’utiliser les **Bundles Standards** — c’est le type par défaut et celui utilisé dans 99 % des cas.  
Utilisez les **Bundles Variants** uniquement si vous avez un besoin très spécifique où chaque bundle doit générer un SKU unique.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1u2sgmz.png)

3. Sélectionnez où vos offres doivent apparaître :  
* Sur un **produit spécifique**, ou  
* Sur **tous les produits d’une collection**

Par défaut, le produit le plus récemment ajouté sera déjà présélectionné.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_13xtmza.png)

---

## 3. Configurer vos offres et le design

La partie gauche de l’écran vous permet de configurer vos offres et le design.  
La partie droite affiche un aperçu en direct qui se met à jour en temps réel.

---

### Étape 1 — En-tête

* Ajoutez un **titre** au-dessus de vos bundles (par exemple : *« Choisissez votre bundle »*)  
* Si votre produit est affiché sur la page d’accueil, cochez l’option **Produit en vedette** pour que le widget apparaisse également à cet endroit.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1hk535q.png)

---

### Étape 2 — Offres

Par défaut, trois blocs d’offres sont créés.  
Chaque bloc représente une offre différente que vos clients peuvent sélectionner.

* Cliquez sur un bloc pour le modifier  
* Vous pouvez **ajouter** ou **supprimer** des bundles à tout moment

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1tnmfi4.png)

#### Configurer chaque offre :
1. **Titre** – nommez votre offre (ex. : « Achetez 2 T-shirts »)  
2. **Image (facultatif)** – ajoutez une miniature pour plus de clarté  
3. **Produits** – choisissez les produits inclus dans le bundle et leur quantité

Par exemple, vous pouvez créer un bundle avec *2 T-shirts* ou *1 T-shirt + 1 pantalon*.  
Le prix se met automatiquement à jour dans l’aperçu.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1vgjx88.png)

---

### Étape 3 — Réductions

Choisissez le type de réduction à appliquer :

* **Réduction en pourcentage** (ex. : -10 %)  
* **Montant fixe** (ex. : -20 €)  
* **Prix fixe** (ex. : le bundle coûte 30 €)

Le total se mettra à jour instantanément dans l’aperçu.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_ccdx9u.png)

---

### Étape 4 — Cadeaux (produits offerts)

Vous pouvez ajouter des **cadeaux** à votre bundle pour augmenter la valeur perçue.

1. Cliquez sur **Ajouter un cadeau**  
2. Sélectionnez le produit à offrir (ex. : un bracelet)  
3. Ajoutez une miniature et personnalisez le texte (ex. : « Bracelet offert »)  
4. Choisissez où le cadeau apparaîtra :  
* **À l’intérieur de la carte du bundle**, ou  
* **Sous tous les bundles** (pour créer un effet de cadeaux à débloquer)

Vous pouvez même faire en sorte que les bundles supérieurs débloquent plus de cadeaux — parfait pour gamifier l’expérience d’achat.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1rm8wcv.png)

---

### Étape 5 — Paramètres avancés

#### Pastilles de couleur
Remplacez les menus déroulants par des cercles de couleur pour des options comme « Couleur » ou « Taille ».  
[En savoir plus sur les pastilles de couleur](https://help.widebundle.com/en/article/how-to-use-swatches-color-34zpcs/)

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_iz3274.png)

#### Prix par unité
Affichez un prix unitaire (ex. : « 10 € par article ») pour plus de clarté.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_68pfuk.png)

#### Phrases personnalisées
Mettez en avant vos meilleures offres avec des phrases comme *« Meilleure offre »* ou *« Offre populaire »*.

* Offre basique : 1 phrase  
* Offre avancée : jusqu’à 10 phrases  
* Vous pouvez les placer où vous voulez (au-dessus, en diagonale, dans un coin, etc.)

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_uphd92.png)

#### Pré-sélection d’une offre
Vous pouvez choisir de pré-sélectionner un bundle par défaut — idéal pour orienter les clients vers la meilleure offre.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_17c3x9m.png)

---

### Étape 6 — Personnaliser le design

Dans l’onglet **Design**, vous pouvez personnaliser votre widget en temps réel pendant la création des offres :

1. **Thème du widget** – choisissez entre Minimal, Solide ou Classique  
2. **Couleurs** – modifiez les boutons, fonds de carte, textes et accents  
3. **Textes** – ajustez la taille, l’épaisseur et le style des polices  
4. **Formes** – changez les coins arrondis et la taille des images  
5. **Contenu du texte** – modifiez les libellés des boutons, messages d’économie, etc.  
6. **Options générales** – définissez le comportement du bouton « Ajouter au panier » (ouvrir le tiroir, aller au panier ou aller directement au paiement)

Toutes les modifications se reflètent immédiatement dans l’aperçu en direct.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1gw7l32.png)

---

### Étape 7 — Enregistrer et publier

Une fois vos offres et votre design terminés, cliquez sur **Créer les bundles** en haut.  
Vous serez redirigé vers le tableau de bord principal, et vos bundles apparaîtront automatiquement sur votre boutique.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1rvmvm6.png)

---

## 4. Prévisualiser votre bundle

Pour vérifier que tout est parfait :  
1. Cliquez sur **Prévisualiser** ou ouvrez votre page produit manuellement  
2. Vous verrez le widget WideBundle directement sur votre boutique  
3. Ajoutez une offre au panier — toutes les réductions et cadeaux seront automatiquement appliqués lors du paiement

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_px8o1l.png)

---

## 🎉 C’est terminé !

Votre configuration WideBundle est prête !  
Vos clients peuvent maintenant choisir leurs bundles, profiter des réductions et recevoir leurs cadeaux directement dans leur panier.

### Besoin d’aide ?

* Utilisez la **bulle de chat** en bas à droite de l’application pour contacter le support  
* Consultez nos autres tutoriels sur le [Centre d’aide](https://help.widebundle.com)

Bienvenue dans la famille WideBundle — faisons décoller vos ventes ensemble 🚀
