> ## 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 add WideBundle to a page builder

If you use a page builder instead of a classic theme (like GemPages, PageFly, LayoutHub, etc), adding WideBundle will be a little bit different than a classic theme.

So let's see how to do it.

If you use GemPages follow [this tutorial](https://help.widebundle.com/en/article/how-to-use-widebundle-with-gempages-qywl1/)
If you use PageFly follow [this tutorial](https://help.widebundle.com/en/article/how-to-use-widebundle-with-pagefly-suqsj9/)

If you use another page creator, follow this tutorial 👇

1. Go to your page creator where you want to make WideBundle appear.
2. Open the page where you want WideBundle to appear.
3. Add an "HTML" or "Liquid" block from your page creator where you want WideBundle to appear
4. Copy the following code: `<div id="new-form"></div>`
5. Paste it in your "HTML" or "Liquid" block and save

The code you just added is an HTML code that will tell WideBundle where you want the application to appear.