> ## 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 ajouter une image sous le bouton ajout au panier ?

**Wide Hello à vous !** 😁

On va voir comment faire pour ajouter une image sous le bouton ajout au panier si vous souhaitez par exemple afficher des images "paiement sécurisé".

Il y a 2 façons d'ajouter une image en fonction du format de l'image.

Il y a d'un côté les images "classiques" en PNG, JPEG, GIF, ...

Et de l'autre les images SVG.

### 1) Ajouter une image "classique" en PNG, JPEG, GIF...

* Cliquez sur **Paramètres & Design** dans le menu du haut pour accéder aux paramètres de WideBundle.

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

* Cliquez sur **Paramètres Généraux**

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_ezo5mt.png)

* Ajoutez le lien de votre image dans le champs correspondant

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_aw53jv.png)

### 2) Ajouter une image SVG

* Cliquez sur **Paramètres & Design** dans le menu du haut pour accéder aux paramètres de WideBundle.

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

* Cliquez sur **Paramètres Généraux**

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_qizjpd.png)


* Copiez et collez votre code SVG dans le champs "HTML en-dessous du bouton Ajout au panier"

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_149lt39.png)

* Si vous souhaitez que votre image SVG soit centrée sous le bouton ajout au panier, ajoutez votre code SVG entre deux balises :

`<div style="text-align: center;">` et `</div>`

Ce qui donnera :

`<div style="text-align: center;">VOTRE CODE SVG</div>`

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

Et voilà !

Votre image est ajoutée !

A bientôt ! 😁