Adding Trust Badges

Adding Trust Badges

If you want to add a Trust badge to your Footer or Product page, please follow along here!

In This Article

• Uploading Trust Badge Image File
• Adding Code

Uploading Trust Badge Image File

First, source a Trust Badge image file (.png) and save it to your computer. For example:

From your Shopify admin, upload your Trust Badge image file by going to Admin > Settings: 

> Files:

- Upload Files:

Go ahead and upload your Trust Badge image.

The image is given a URL. Copy this as you will need it in a few steps!

Adding Code

Next head into your template files by going:

Admin > Online Store > Themes > Actions > Edit Code

Footer

If you want your Trust Badge to appear in your footer, you will want to work in the footer.liquid, which is found in the Sections folder:

You will need the URL that you copied when you uploaded your Trust Badge image in the Settings. 

Wrap the URL in a div and img tag like this:

<div class="trust-badge"> 
  <img src="Your URL Goes Here"/>
</div>

The below example places the Trust Badge at the bottom of your shop's footer:

Product page - Below 'Add to Cart'

If you want your Trust Badge to appear on your product page under the 'Add to Cart' button you can go into the Snippets folder and locate the product-form.liquid

and place the code like this:

Further Styling

Further styling can be made to the badge by going into the Assets folder and locating the styles.scss.liquid

At the very bottom of this file write some code such as:

  .trust-badge {
  margin-top: 25px;
}

If you are familiar with HTML/CSS you can place your Trust Badge in other files as you need.

Cheers!