Home » BLOG » How to Add Custom Trust Badges to Checkout Pages in WooCommerce (Custom Code)

How to Add Custom Trust Badges to Checkout Pages in WooCommerce (Custom Code)

If you’ve already designed your WooCommerce checkout page and want to add trust badges to it, then this is the method for you. It’s also a free method if you don’t want to invest in a dedicated WooCommerce plugin like FunnelKit (Method 2).

We will be working with custom code how-to-add here, which can be a bit risky and can even break your website. That’s why we will be using WPCode .

It’s the best WordPress code snippet plugin on the market. After extensive testing, we’ve found it to be the easiest and safest way to add custom code. To learn more, check out our WPCode review .

Note: Keep in mind that you’ll also need to add your own trust badge images to your WordPress media library. For details, see our guide on how to properly add images in WordPress .

First, you need to install and activate the WPCode plugin . For step-by-step instructions, see our tutorial on how to install a WordPress plugin .

Note : The plugin also has a free version that you can use for this tutorial. However, upgrading to the pro plan will give you access to smart conditional logic, block snippets, and a cloud library of code snippets.

After activating the plugin, go to the Code Snippets ” + Add Snippet” page in your WordPress dashboard.

Here, click on the “Use Snippet” button under the “Add Your Custom Code (New Snippet)” option.

Now, you will be directed to a new screen where you will need to add a code snippet name. This name will only be used for your identification and will not be shown to any user.

Then choose “HTML Snippet” as the “Code Type” in the pop-up window.

Go ahead and add the following custom code into the “Code Preview” box:

After that, make sure to replace the viber database placeholder image URL with the trust seal image URL to display it correctly on the checkout page.

Keep in mind that you’ll need to upload the trust seal image to your WooCommerce store and retrieve the URL from your WordPress media library. If you’re not sure how to do this, check out our tutorial on how to get the URL of images you upload to WordPress .

You can add as many trust badge images as you want.

Now, scroll down to the “Insertion” section and choose the “Shortcode” option.

Then toggle the “Inactive” option to “Active” and click the “Save Snippet” button.

Once you do this, WPCode will generate a shortcode that you will add to your WooCommerce checkout page .

Just click the “Copy” button and store the shortcode in a safe place.

Now, open your store’s checkout page in the WordPress block editor.

Related Post: If you’re just starting out with creating a store, check out our WooCommerce simplified guide for detailed instructions.

Here, you need to choose a suitable location in the checkout block to display the trust seal, ensuring that it is clearly visible to customers.

Although the “Shortcode” block is not available in this section, the trust seal shortcode will still work correctly when placed inside a “Paragraph” block.

Finally, click the “Update” or “Publish” button to store your changes.

Now, visit your WooCommerce store to see the trust badges in action.

Method 2: How to Add Trust Badges to WooCommerce Checkout Pages (Plugin Method) how-to-add

If you want to add trust badges to your write a press release to present the results WooCommerce checkout page without using custom code, the FunnelKit Funnel Builder is a great option.

It comes with professionally designed checkout templates that already include trust badges, helping you create a high-converting checkout experience with minimal effort.

Keep in mind that this version will involve creating a fully customized WooCommerce checkout page. So if you just want to add trust badges to your existing checkout page, skip to Method 1.

We’ve tested FunnelKit extensively over the years, and it’s a great tool for improving your WooCommerce store. For more details, check out our full FunnelKit review .

First, you need to install and activate the FunnelKit Funnel Builder plugin . For details, see our tutorial on how to install a WordPress plugin .

Note: Most of the checkout page templates will be locked on the free plan . That’s why we recommend using the Pro version of FunnelKit .

After activating the plugin, you need clean email to go to the FunnelKit ” Store Checkout page and click on the “Create Store Checkout” button.

Now you can choose any of FunnelKit’s professionally designed checkout page templates.

To take a closer look at each model’s trust badges, simply click the “Preview” button.

We are using the Hific model, which has several trust seals related to security.

When you find a template you want to use, click the “Import This Funnel” button.

This will display a prompt on the screen.

Go ahead and click the “Activate” button. Once you do that, enter the name of your store’s checkout page.

You will now be able to edit the checkout page according to your preferences.

For step-by-step instructions, see our guide on how to customize checkout pages in WooCommerce .

When you’re done, go back to the Store Checkout page and click the “Draft” button.

Then choose the “Publish” option from the drop-down menu.

Now, visit your WooCommerce store to see the customized checkout page.

Here you will see the trust seals at the bottom.

For more details on how to get the most out of FunnelKit, check out our guide on how to create a high-converting sales funnel in WordPress .

Scroll to Top