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.
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.
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.
Configure the Design tab
Navigate to the Design tab to style your trust badge.
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.
Select a color or enter a hex color code for the background color of the trust badge.
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.
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.