> ## 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 V7

**Wide Hello!** 😁

Si vous utilisez la nouvelle version de GemPages, GemPages V7, l'installation de WideBundle est un peu différente que sur une version classique du page builder.

Voyons donc 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 !

## 1️⃣ Ouvrir la page du produit sur GemPages

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

![](https://cdn.shopify.com/s/files/1/0269/3801/5799/files/WhatsApp_Image_2023-07-19_at_14.24.11.jpg?v=1689845734)

## 2️⃣ Ajouter le sélecteur de variantes, le bouton de quantité et le bouton d'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.

* Ajouter le module "Variantes

![](https://cdn.shopify.com/s/files/1/0269/3801/5799/files/WhatsApp_Image_2023-07-19_at_15.18.20_1.jpg?v=1689845677)

* Ajouter le module "Quantité

![](https://cdn.shopify.com/s/files/1/0269/3801/5799/files/WhatsApp_Image_2023-07-19_at_15.18.20.jpg?v=1689845677)

* Ajouter le module "Bouton d'ajout au panier".

![](https://cdn.shopify.com/s/files/1/0269/3801/5799/files/WhatsApp_Image_2023-07-19_at_15.18.20_3.jpg?v=1689845677)

## 3️⃣ Ajouter le module WideBundle

Lorsque c'est fait, faites défiler la liste des éléments sur la gauche jusqu'à la section appelée "Shopify apps"

![](https://cdn.shopify.com/s/files/1/0269/3801/5799/files/WhatsApp_Image_2023-07-19_at_15.18.20_2.jpg?v=1689845677)

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

Maintenant que l'élément est ajouté, déplacez-le à côté du module "Bouton d'ajout au panier".

![](https://cdn.shopify.com/s/files/1/0269/3801/5799/files/Capture_d_ecran_2023-07-19_a_10.58.31.png?v=1689757143)

## 5️⃣ Enregistrer et quitter

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

A bientôt ! 😁