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

# How to use WideBundle with GemPages V7?

**Wide Hello!** 😁

If you are using the new version of GemPages, GemPages V7, installing WideBundle is a bit different than installing it on a classic version of the page builder.

So let's see how to do it!

Start by installing GemPages [by clicking here](https://gempages.net/?ref=iszw1fe6) 

Make sure you've followed the tutorial to get started with WideBundle beforehand (if you haven't, [click here](https://help.widebundle.com/en/article/getting-started-with-widebundle-9zb0t0/))

Then come back to this article when you are asked to do so.

Are you ready? Here we go!

## 1️⃣ Open the product page on GemPages

Start by opening the product page you are interested in on GemPages

![](https://cdn.shopify.com/s/files/1/0793/7854/6981/files/Capture_d_ecran_2023-07-23_a_14.00.03.png?v=1690113761)

## 2️⃣ Add the variants' selector, quantity button and add to cart button

* Add the “Variants” module

![](https://cdn.shopify.com/s/files/1/0793/7854/6981/files/Capture_d_ecran_2023-07-23_a_14.00.32.png?v=1690113761)

* Add the “Quantity” module

![](https://cdn.shopify.com/s/files/1/0793/7854/6981/files/Capture_d_ecran_2023-07-23_a_14.01.05.png?v=1690113761)

* Add the “Add to cart button” module

![](https://cdn.shopify.com/s/files/1/0793/7854/6981/files/Capture_d_ecran_2023-07-23_a_14.01.34.png?v=1690113761)

## 3️⃣ Add the WideBundle module

When it's done, scroll down the list of items on the left to the section called “Shopify apps”

![](https://cdn.shopify.com/s/files/1/0793/7854/6981/files/Capture_d_ecran_2023-07-23_a_14.02.06.png?v=1690113761)

## 4️⃣ Place the WideBundle module on your page

Now that the element is added, move it next to the “Add to cart button” module

![](https://cdn.shopify.com/s/files/1/0793/7854/6981/files/Capture_d_ecran_2023-07-23_a_14.06.44.png?v=1690114013)

## 5️⃣ Save and exit

And that's it! Everything is installed, now you can save the page and publish it.

Then, go back to the tutorial [Getting started with WideBundle](https://help.widebundle.com/en/article/getting-started-with-widebundle-9zb0t0/) if you were reading it

See you soon! 😁