> ## 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).

# Comment utiliser WideBundle avec Foxify Smart Page Builder ?

**Wide Hello!** 😁

Dans cet article, nous allons voir comment mettre en place le Wide Bundle avec Foxify Smart Page Builder.

Voyons donc comment faire !

Commencez par installer Foxify Smart Page Builder [en cliquant ici](https://apps.shopify.com/foxify-builder?utm_source=widebundle&utm_medium=InappBanner&utm_campaign=partnership) (vous pouvez utiliser le code WIDEBUNDLE10 pour bénéficier de 10% de réduction)

Assurez-vous d'avoir suivi le tutoriel pour démarrer avec WideBundle au préalable (si ce n'est pas le cas, [cliquez ici](https://help.widebundle.com/fr/article/commencer-a-utiliser-widebundle-1ax2bgo/))

Revenez ensuite à cet article lorsqu'il vous sera demandé de le faire.

Vous êtes prêt ? C'est parti !

## 1️⃣ Ouvrir la page du produit sur Foxify Smart Page Builder

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1asgz9z.png)

## 2️⃣ Ajouter le sélecteur de variantes, le bouton de quantité et le bouton d'ajout au panier

* Ajouter le module « Variantes »

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_ytguug.png)

* Ajouter le module « Quantité »

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1lsz23d.png)

* Ajouter le module « Bouton d'ajout au panier »

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_ok63bl.png)

## 3️⃣ Ajouter le module WideBundle

Quand c'est fait, cliquez sur « App Blocks »

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_irqg0b.png)

## 4️⃣ Placez le module WideBundle sur votre page

Maintenant que l'élément est ajouté, placez-le au-dessus du module « Add to cart button » (bouton d'ajout au panier)

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_k2ykab.png)

## 5️⃣ Sauvegarder et quitter

Et c'est tout ! Tout est installé, vous pouvez maintenant sauvegarder la page et la publier.

Ensuite, retournez au tutoriel [Commencer à utiliser Wide Bundle](https://help.widebundle.com/fr/article/commencer-a-utiliser-widebundle-1ax2bgo/) si vous étiez en train de le lire.

A bientôt ! 😁