Articles on: Tutorials

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


  1. Click on the bundle you want to edit (or create a new one)


  1. Open the Design tab at the top


  1. Make sure Advanced mode is enabled


  1. Scroll down and open the General Settings section


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



  1. Once done, click on Update Bundles (or Create Bundles if you’re creating a new one) to apply your changes.


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


  1. Click on the bundle you want to edit (or create a new one)


  1. Open the Design tab at the top


  1. Ensure Advanced mode is turned on


  1. Open the General Settings section


  1. In the field named HTML under the Add to Cart button, paste your SVG code directly.


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


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

Updated on: 17/10/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!