How to add Trust Badges on your pages with the Image Addon

This article will walk you through the steps on how to create a trust badge for your page in minutes with our Custom Image add-on.

Add the add-on to your page

For more details about how to use an add-on, check out this article. Otherwise, you can simply follow the steps below to insert it into your page in minutes.

Step 1: From the EcomSolid Dashboard, head to the Theme Editor or Page Editor.

Step 2:  Access the Library from the top bar of the Editor.

 

 

Next, navigate to Add-ons > Default and look for the Custom Image add-on.

 

 

Hit “Add” to insert it to your Editor. 

Configure the Content tab

After that, you will find the Custom Image add-on has been added at the bottom of your page. Click on the add-on to start configuring the settings.

Display position

Hit the "Pick the position” drop-down menu to select a position from the list. 

Otherwise, click on “Change position.” You will be able to drop the add-on to a specific position. 

  • For the position marked with the Plus icon, hit the icon to select the position.
  • For other highlighted positions, you will have two options - pick the position above or below them.


 

Image

There are two options for you to upload your image in this section:

  • Browse from your computer: Hover the image and click on the Pencil icon. This option lets you choose an image from your computer to upload.
  • Browse Gallery: You can pick one from the gallery which contains all of your uploaded images.

Image Alt Text: Input the alt text for your image for SEO purposes.

 

 

Under the URL section, hit “Pick link” to send customers to other pages after clicking the trust badge. The link picker window will appear for you to select the link to add. There are two options for you at this point: enter the link to the Custom URL field or choose from the list.

Please note that the custom URL should include “https://” for the link to function correctly. 

Configure the Design tab

Navigate to the Design tab to style your trust badge.

Image width

Adjust the slider or enter the number into the box for the image width in pixel or percentage.

Responsive: You might see this section is marked with a Desktop icon. That means you will be able to control the width of your image among different devices by clicking on the respective icon at the top of your Editor.

 


 

Background color

Select a color or enter a hex color code for the background color of the trust badge.

 

Content position

This parameter allows you to determine how the element is positioned on your page. There are three options to choose including left-aligned, centered, and right-aligned.

 

 

Border

Toggle the Border switch to enable the border for your trust badge. You can adjust the border styling via Border Radius, Border Height, Border Color, and Border Style.

 

 

Padding and Margin

These sections allow you to adjust the Margin (space outside an image's border) and Padding (the space inside an add-on, between the image and its border). In the Padding and Margin parameters, each of them has four empty boxes that allow you to fill in the value for four directions: top – right – bottom – left.

 

 

The Padding and Margin also support responsive features. 

That's it! If you run into any problems when editing, please get in touch with our Customer Support via email or live chat.


Was this helpful?