> ## 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 Ecomposer ?

Wide Hello,

In today's article, we will show you how you can integrate WideBundle with the new page builder called Ecomposer. 

Pssst... use the discount code WIDEBUNDLE203 on the EComposer subscription page (in the app) to get 20% off your first 3 months!

## Open Ecomposer

1. Open the page builder, and choose the product or landing page you're working on

2. Click on the **extension icon** on the left side, under the **extension tab**, click **add more**.

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/2023-08-1813-34-13_1sidl7q.png)

3. Search for the **WideBundle**, and click on **install it**.

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1iqp0qn.png)
## Drag the WideBundle widget where you want to show the offers

1. Drag and drop the Wide Bundles extension on to the page.

${frame}[](https://www.loom.com/embed/28da2c09d9b94b99bce23c6006a1aad0?sid=7b3cd02b-6f02-4865-bb61-710f5f127579)

2. Save the editor page and check the result on the live page.