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

# Utiliser WideBundle avec GemPages

**Hello la WideFamily !** 😁

Si vous utilisez GemPages, l'affichage de WideBundle est un peu différent de l'affichage sur un thème classique.

Alors voyons comment faire !

Commencez par installer GemPages [en cliquant ici](https://gempages.net/?ref=iszw1fe6) 

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

Puis revenez sur cet article lorsque l'on vous demande de le faire.

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

Si vous préférez regarder une vidéo plutôt que lire un article vous pouvez lancer la vidéo ci-dessous 👇

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

## 1️⃣ Ouvrez la page produit sur GemPages

Commencez par ouvrir la page produit qui vous intéresse sur GemPages

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

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

Ces éléments sont nécessaires pour que toutes les fonctionnalités de WideBundle fonctionnent sur GemPages. Ces éléments seront automatiquement cachés par WideBundle.

* Ajoutez le module "Variantes"

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

* Ajoutez le module "Quantité"

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

* Ajoutez le module "Bouton Ajout au Panier"

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

## 3️⃣ Ajoutez le module WideBundle

Quand c'est fait, faites défiler la liste des éléments sur la gauche

* Tout en bas, vous trouverez la catégorie "Autres éléments", cliquez sur **Ajouter un élément**

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

* Tapez ensuite "WideBundle" dans la barre de recherche

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

* Cliquez dessus et cliquez ensuite sur **Ajouter l'élément**

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

* Vous pouvez quitter la petite fenêtre

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

* Maintenant que l'élément est ajouté, déplacez le près du bouton ajout au panier

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

## 5️⃣ Sauvegardez et quittez

Et voilà ! Tout est installé, vous pouvez maintenant sauvegarder la page et la publier.

Ensuite, reprenez le tutoriel "Commencer à utiliser WideBundle" si vous étiez en train de le lire

A bientôt ! 😁