> ## 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 an image below the add to cart button?

# **Wide Hello to you!** 😁  

In this article, you’ll learn how to **add an image below the Add to Cart button** — perfect for displaying *secure payment* logos or trust badges.  

There are two ways to add an image depending on the format you use:  

* **Classic images** (PNG, JPEG, GIF, etc.)  
* **SVG images**

---

## 1️⃣ Add a Classic Image (PNG, JPEG, GIF...)

Follow these steps to add a standard image under your Add to Cart button:  

1. Go to your **WideBundle dashboard**  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1fkvel3.png)

2. Click on the **bundle** you want to edit (or create a new one)  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_7x1nh6.png)

3. Open the **Design** tab at the top  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1wnjzfa.png)

4. Make sure **Advanced mode** is enabled  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_heo0mw.png)

5. Scroll down and open the **General Settings** section  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_137ioz5.png)

6. Find the field allowing you to **add an image under the Add to Cart button** and paste your image URL there.  
   (You can upload your image to Shopify Files to get a secure image link.)  

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

7. Once done, click on **Update Bundles** (or **Create Bundles** if you’re creating a new one) to apply your changes.  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1n798fd.png)

Your trust badge or payment icons will now appear below the Add to Cart button. 🎉

---

## 2️⃣ Add an SVG Image

You can also display an SVG image instead of a standard one by adding a small HTML snippet.

1. Go to your **WideBundle dashboard**  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1fkvel3.png)

2. Click on the **bundle** you want to edit (or create a new one)  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_7x1nh6.png)

3. Open the **Design** tab at the top  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1wnjzfa.png)

4. Ensure **Advanced mode** is turned on  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_heo0mw.png)

5. Open the **General Settings** section  
   ![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_137ioz5.png)

6. In the field named **HTML under the Add to Cart button**, paste your SVG code directly.  
   ![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_19355j9.png)

7. If you want your SVG to be centered, wrap it between the following tags:  

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