> ## 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 Foxify Smart Page Builder?

**Wide Hello!** 😁

In this article, we are going to see how to set up Wide Bundle with Foxify Smart Page Builder.

So let's see how to do it!

Start by installing Foxify Smart Page Builder [by clicking here](https://apps.shopify.com/foxify-builder?utm_source=widebundle&utm_medium=InappBanner&utm_campaign=partnership) (you can get 10% OFF by using the code WIDEBUNDLE10)

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 Foxify Smart Page Builder

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

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

* Add the “Variants” module

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

* Add the “Quantity” module

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

* Add the “Add to cart button” module

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

## 3️⃣ Add the WideBundle module

When it's done, click on the "App Blocks"

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

## 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://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_k2ykab.png)

## 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! 😁