Adding the main code
The main trustmark code is automatically installed by downloading the TrustedSite app or plugin on most of our supported platforms.
The main code has two functions: 1) it will show the floating trustmark and 2) it will allow inline trustmark codes to work. To enable these features, you'll want to add the following code to your site. We recommend adding it to every page below the closing </body> tag by using a common include like footer.php.
By default, the code will place the floating trustmark on the bottom right corner of the page and when clicked, will open the verification modal. In your account, you can move the trustmark to the left, turn it off, or offset it from either edge.
Adding the engagement trustmarks
We offer several inline trustmark options that can be used around key engagement areas, like near credit card fields, in the footer of the site, and whenever your site asks for personal information. We serve these files as SVGs for optimal legibility for all screen resolutions. These require the main code to work.
We offer a series of trustmarks for all the key engagement areas on your site. You can log in to your account to automatically generate the trustmark code, or modify the following to fit your needs:
<div class="mfes-trustmark" data-type="102" data-width="90" data-height="50" data-ext="svg"></div>
Add the data type from the list below, and optionally select width and height and/or width of the image to be generated. We've listed the recommended locations for each of the trustmarks.
|211||Near forms, like users registrations.
|212||Cart and checkout pages.
|213||On login pages.
|204||Cart and checkout pages.
Hiding the floating trustmark
Finally, if there is a particular page where you would like to hide the floating trustmark, you can do so by adding the following code anywhere on the page.