> ## 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 display WideBundle on a custom page

**Wide Hello

In this article we will see how to display WideBundle on a custom page.

Custom pages are pages you can create on Shopify to write content for your customers like an "About" page or a "Contact" page.

Sometimes it's possible to display a product on these pages for your customer to add to the cart. But WideBundle won't go there by default.

Here is how to do it 👇

### Add the code for WideBundle to your page

1. Copy all the following code
```html
<div id="new-form"></div>
<script>widebundleHandle="PRODUCT_HANDLE";</script>
```
2. Paste it on your page where you want WideBundle to appear
3. Replace PRODUCT_HANDLE in the code with the handle of the product you want to display the offers for, keeping the quotes ( [How do I find my product handle?](https://help.widebundle.com/en/article/how-to-find-the-handle-of-my-product-qgn9xi//))
4. Save

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