Search the site:

Home Blog How To Add a Trust Seal On WooCommerce Cart & Checkout Page

How To Add a Trust Seal On WooCommerce Cart & Checkout Page

In an earlier post, we saw how to display a trust seal on the single product page under the ‘Add to Cart’ button. Another possibility would be to add a trust seal on the cart or checkout page.

As we said earlier, a trust badge or security seal will increase the buyer’s confidence. Customers are more likely to buy from your website if they feel confident about your product & your checkout process. These badges or seals also help in increasing your conversion rate.

WooCommerce provides lots of hooks & filters to add content on our website. But which hook/filter we should use depends on the position of the content on the page. We will add the trust badge below the ‘Proceed to Checkout‘ button on the cart page and below the ‘Place order‘ button on checkout page.

Add a trust seal on WooCommerce Cart page:

Let’s start by adding the badge on the cart page. As we have decided to add the badge below the ‘Proceed to Checkout’ button, we will use the WooCommerce hook called woocommerce_after_cart_totals.

In the above function, we echo our trust seal image on the cart page. Here is how it will look like –

If you want to display the trust seal above the button, use the woocommerce_proceed_to_checkout hook instead.

Add a trust seal on WooCommerce Checkout page:

Now let’s add the seal on the checkout page. We will display it under the ‘Place Order’ button with the WooCommerce hook called woocommerce_review_order_after_payment.

The function is same as the cart page, only the WooCommerce hook has changed. Again there are various places on checkout page where you can display the seal. Here’s how it will look like –

Here is another example with 30 day money back guarantee trust seal –

If you want to learn more about which hooks to use to place content on the cart or checkout page, these are two great visual guides –

  1. WooCommerce Visual Hook Guide – Checkout page
  2. WooCommerce Visual Hook Guide – Cart page

If you are not comfortable with customizing the code, there’s a plugin called – WooCommerce SSL Seal, which will let you display a default or custom image on the checkout page.

If you don’t have any trust badge on your store which can increase your buyer’s confidence, you should be adding it right away. Several options like TrustLock Verification are also available for including a trust badge on your website. Anything you can do to increase trust will help increase your sales on your WooCommerce store.

 

Browse more in: Code Snippets, WooCommerce, WooCommerce How Tos, WooCommerce Tutorials

6
Leave a Reply

avatar
5 Comment threads
1 Thread replies
6 Followers
 
Most reacted comment
Hottest comment thread
6 Comment authors
RibafaisalNickKathichloe Recent comment authors

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
newest oldest
Notify of
Paul
Guest

You can also see a better visual guide for adding trust seals to various sections using hooks with Woo commerce here: https://trustlock.co/install-trustlock-trust-badge-seals-on-woocommerce/

chloe
Guest
chloe

Im a bit confuse.. im going to put this on function.php right? what i dont get is where in the code is the image source?
it has supposed to be image source right?
for example

Where is the image source on the code?

Kathi
Guest
Kathi

[You go to the trouble to give us the code, and don’t say where you put it. Thanks for nothing.

Nick
Guest
Nick

If you don’t know where to put it, you shouldn’t do it anyway.

faisal
Guest
faisal

bro .i want to add trust seal after add to cart button. but where in editor i put the code .help

Riba
Guest
Riba

Man when I add the code to function.php, it gives an error says something like unexpected public.
What should I do?

from purchased

Subscribe for more offers