> ## 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 afficher WideBundle sur une page personnalisée ?

**Wide Hello!**

On va voir dans cet article comment afficher WideBundle sur une page personnalisée.

Les pages personnalisées sont des pages que vous pouvez créer sur Shopify pour écrire du contenu pour vos clients comme une page "A propos" ou une page "Contact".

Il est parfois possible d'afficher sur ces pages un produit pour que votre client puisse l'ajouter au panier. Mais WideBundle n'ira pas se placer ici par défaut.

Voici comment faire 👇

### Ajouter le code pour WideBundle dans votre page

1. Copiez tout le code suivant
```html
<div id="new-form"></div>
<script>handleWide="HANDLE_DU_PRODUIT";</script>
```
2. Collez le sur votre page là où vous souhaitez faire apparaître WideBundle
3. Remplacez HANDLE_DU_PRODUIT dans le code par le handle du produit pour lequel vous souhaitez afficher les offres en gardant les guillemets ( [Comment trouver le handle de mon produit ?](https://help.widebundle.com/fr/article/comment-trouver-le-handle-de-mon-produit-1f1di7g/))
4. Sauvegardez

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