> ## 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).

# Comment utiliser WideBundle avec Ecomposer ?

Wide Hello,

Dans cet article, nous allons vous montrer comment vous pouvez intégrer WideBundle avec le nouveau page builder Ecomposer. 

Pssst... utilisez le code de réduction WIDEBUNDLE203 sur la page d'abonnement d'EComposer (dans l'app) pour obtenir 20% de réduction pour vos 3 premiers mois !

## Ouvrir Ecomposer

1. Ouvrez Ecomposer, et choisissez la page sur laquelle vous travaillez

2. Cliquez sur l'icône **extension** sur le côté gauche, sous l'onglet **extension**, cliquez sur **ajouter plus**.

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

3. Recherchez **WideBundle**, et cliquez sur **installer**.

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image-115_1b6l9p7.png)

## Faites glisser le widget WideBundle à l'endroit où vous souhaitez afficher les offres

1. Faites glisser et déposez l'extension Wide Bundles sur la page.

2. Enregistrez la page de l'éditeur et vérifiez le résultat sur la page en ligne.

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