Adding Trustmark at footer (For old themes only)
This article will guide you to add trustmark at store front's footer, keep the trustmark at the bottom of social media icons
In this article :
a. What is Trustmark
b. Benefit
c. How to add trustmark at store front
d. Adding own trustmark
e. Adjust trustmark to left or right
f. Tips (adjust size/position of logo)
g. GIF tutorial
⚠️ Kindly take note :
Old themes (For Candy, WAVE, LUCKY, X-Force, Mine Style, Dreams Bedding, The Summer, Advanture Camping, Happy Kitchen, and Flower & Tea House only)
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons
a. What is Trustmark
Trustmark is an electronic commerce badge, image or logo displayed on a website to indicate that the website business has been shown to be trustworthy by the issuing organization.
b. Benefit of having one
A trustmark gives confidence to customers and indicates to them that it is safe to do business with the website displaying it.
c. How to add trustmark at store front
We use Biztrust as an example to explain on the guide :
Step 1 : Go to Channels > Online Store > Edit Source > go to the folder layout/theme.liquid
Step 2 : CTRL F search for "social link" to direct to the line
Step 3 : Copy and paste this code below {% include 'social-links' %} </div>
It will appears like this :
d. Adding own trustmark
If you have another image or URL instead of biztrust, you may edit the default code below, adding your own link and image link:
<a href=“**link**” target=“_blank”><img style=“width: 100px;” src=“**image link**”></a>
Step 4 : Save and done.
e. Adjust trustmark to left or right
Example: Left side -
Want the logo to be located at the left side?
Copy and paste the code below :
Example: Right side -
💡 Tips:
If you want to adjust the size of the logo, you may adjust the width: 100px; by changing the number.
If you want to adjust the place of the logo by redirect them to middle or not too side, then you may adjust the margin-left= 100%; by changing the percentage.
In this article :
a. What is Trustmark
b. Benefit
c. How to add trustmark at store front
d. Adding own trustmark
e. Adjust trustmark to left or right
f. Tips (adjust size/position of logo)
g. GIF tutorial
⚠️ Kindly take note :
Old themes (For Candy, WAVE, LUCKY, X-Force, Mine Style, Dreams Bedding, The Summer, Advanture Camping, Happy Kitchen, and Flower & Tea House only)
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons
a. What is Trustmark
Trustmark is an electronic commerce badge, image or logo displayed on a website to indicate that the website business has been shown to be trustworthy by the issuing organization.
b. Benefit of having one
A trustmark gives confidence to customers and indicates to them that it is safe to do business with the website displaying it.
c. How to add trustmark at store front
We use Biztrust as an example to explain on the guide :
Step 1 : Go to Channels > Online Store > Edit Source > go to the folder layout/theme.liquid
Step 2 : CTRL F search for "social link" to direct to the line
Step 3 : Copy and paste this code below {% include 'social-links' %} </div>
[](56c72cce-1837-4530-acd6-e6ae23cd3fa5)It will appears like this :
d. Adding own trustmark
If you have another image or URL instead of biztrust, you may edit the default code below, adding your own link and image link:
<a href=“**link**” target=“_blank”><img style=“width: 100px;” src=“**image link**”></a>
Step 4 : Save and done.
e. Adjust trustmark to left or right
Example: Left side -
Want the logo to be located at the left side?
Copy and paste the code below :
[](5398d5fe-c408-451a-ae3a-0ca7bc2819d5)Example: Right side -
💡 Tips:
If you want to adjust the size of the logo, you may adjust the width: 100px; by changing the number.
If you want to adjust the place of the logo by redirect them to middle or not too side, then you may adjust the margin-left= 100%; by changing the percentage.
Extra GIF image reference:
Updated on: 11/10/2023
Thank you!