> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.zoorix.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 can I integrate the mix and match bundle builder into my product page?

### Hi 😁👋

||| Let's go ahead and learn how to put the mix and match bundle builder on the product page ✨

| **You may also check out this video for a more detailed tutorial. ** --> [How can I integrate the mix and match bundle builder into my product page?](https://www.loom.com/embed/4141ae5ad64a4547a941b0e33d9fa9f0?sid=7cd54f4c-5ed0-4cb7-a558-163ce1b49f3f)

||| To begin, navigate to the mix-and-match bundle offer you have created. Access the dashboard and locate the "Offer" tab at the upper right-hand corner of the screen. Next, click on the "Mix and Match" tab found among the options on the left side.

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_1puey06.png)

||| Now, select the specific offer for which you want to display the mix-and-match bundle builder. Afterward, click on the **Shortcode **option.

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_k1gcx7.png)

||| After clicking on "Shortcode," highlight the offer ID and proceed to copy it. We'll use this copied offer ID later on, so let's make sure to keep it handy!

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_1l4e4kp.png)

||| Now, navigate to your theme settings and click on "Customize."


![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_18fsisq.png)

||| Then go to your products section

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_l4wss1.png)

||| Once you've reached the "Products" section, click on "Add Blocks." Following this, locate and click the "Mix and Match Builder" button.

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_1xgx6ho.png)

||| Once the Mix and Match Builder block is displayed, click its button once more.

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_1dhxe4h.png)

||| Lastly, in this section, paste the offer ID that we previously copied, and then click on "Save" to ensure the changes are applied.

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_1xa172x.png)

|| If you have any questions or require assistance, don't hesitate to reach out to us at support@zoorix.com ✉️.