Trust Badges (Icons) - Suggestions For Implementing

[Tim845]

Hi there -

Prior to moving to Theme X and Woocommerce, our previous site used badges (icons) of trust on the site. These badges where icons such as satisfaction guaranteed and best price guaranteed. These icons appeared on product pages and product category pages.

We are trying to determine whether we could (should) include these badges (icons) on our Theme X / Woocommerce site. See https://www.mitegen.com/. I searched through the forum and see a few posts about including badges (Icons) in the footer. Also searched the Theme X documentation, but didn’t find anything of use.

Also, we already know that Woo has a sales icon. This forum post https://theme.co/apex/forum/t/change-the-text-in-the-sale-icon/31461/2 provides a link to an article concerning changing the sales icon. But this is triggered by giving a product a discount.

Any suggestions concerning using these trust badges (icons)?

Thanks
Tim

[ruenel]

Hello Tim,

Thanks for writing in! You can add the badges of trust in your X site the way you have added those badges of trust in your old site. I assumed that you used a code to add it in your previous site. Do you still have the code? Please provide it in your next reply so that we can find out whether it can be added as a footer content or with a custom php function so that it can be inserted before the </body> tag.

Cheers.

[Tim845]

@RueNel

Thanks

I used the Wayback machine to see how the badges were used. This is before I started working on the site.
Looking at a page containing the code, they used simple html to have the badges displayed. I have shared that info via a private note.

[friech]

Hi Tim,

@Tim845

Looking at a page containing the code, they used simple HTML to have the badges displayed.

Most of that trust badge has a script that puts the badges and links back to their sites, but if you don’t have that script from the badges provider, then you can use that HTML below, you can add that to the Footer Content

<div class="trust-badge center-text">
	<a href="#">
	  <img src="IMAGE URL HERE" alt="BEST PRICE" width="120px" height="auto"  />
	</a>
</div>

You need to replace the IMAGE URL HERE with an actual URL, you can upload your badge to your Media Library so you can have the image URL (no, you can’t hotlink it from Wayback machine)

Hope it helps,
Cheers!

[Tim845]

@friech

Thanks, I’ll try adding it to our development site to see how it looks.

Thanks for the help

[rad]

You’re welcome!