How to implement the Trust Badge

Trust Badge API

Before you can implement the Trust Badge on your website you need to have a unique API-Key for your company. After you applied for the membership, and the Tiny Living Alliance validate you as an official member, you receive an e-mail with your unique API-Key. Please keep this API-Key secure and don’t give it away. In case you didn’t receive your unique API-Key per email contact us.

Implementation

To implement the Trust Badge on your domain you should know which kind of website you have. In case you have a static linked site then you should do the steps under Website below on the front page of your website. In case you use WordPress then follow the step under WordPress, Wix.com or Tilda.cc. Only if a customer can see the Trust Badge on your front page of your website you can benefit from all the advantage of the Tiny Living Alliance.

If you use other software to create and design your website, and you don’t know how to implement the Trust Badge. Please get in contact with us either over our contact form or directly per email and our web development team will support you for free with your special software.

STEP 1 GENERATE CODE

Generate your code with your API-Key

STEP 2 ADD TRUST BADGE ON YOUR WEBSITE

Add JavaScript

Copy & paste the line in bold in your head section of your website (index.php or index.html).

<head>
...
<script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>
...
</head>

Function.php

  1. Go to your site’s dashboard under wp-admin.
  2. Click the menu Appearance and then Theme Editor.
  3. Click on Theme Functions (functions.php) on the right side.
  4. Paste the code snippet (s. below) in the editor field on the end of the function.php
  5. Click Update File.

Copy & paste the following code in bold to your function.php.

function trustbadge () {
  wp_enqueue_script( 'trustbadge', 'https://checkbeforeselect.com/js?api=[YOUR API-KEY]');	
}	
add_action('wp_head','trustbadge');

Custom Code

  1. Go to Settings in your site’s dashboard.
  2. Click the Custom Code tab under Advanced Settings.
  3. Click + Add Custom Code at the top right.
  4. Paste the code snippet (s. below) in the text box. 
  5. Enter a name for your code.
    Example:  TrustBadge. 
  6. Select the option under Add Code to Pages:
    • All pages: This adds the code to all of your site’s pages, including any new pages that you’ll create in the future.
    • Choose to load the code on each page your visitor opens.
  7. Choose where the place the code
    • Head
  8. Click Apply.

Copy & paste the following code in bold into the text box (number 4).

<script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>

Insert html code

  1. Go to your dashboard and open your page to edit.
  2. Scroll down and add a new Block after your footer.
  3. Choose under Block library on the left side Other and then  T123 (Embed HTML code).
  4. Click on Content in your new block to open the editor.
  5. Paste the code snippet (s. below) in the text box. 
  6. Click on Save and close
  7. Press Publish on the right top corner.

Copy & paste the following code in bold into the text box (number 4).

<script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>

sys_template > config

  1. Go to your site’s dashboard.
  2. Click the menu WEB > Template and then choice your main page (home).
  3. Choose Info/Modify from the menu in the doc header.
  4. Click on Setup.
  5. Paste the code snippet (s. below) in the editor field.
  6. Click Save in the doc header.

Copy & paste the following code in bold under sys_template > config editor. If page.headerData.9999 is already set by another extension, simply use a different number.

page.headerData.9999 = TEXT
page.headerData.9999.value (
     <script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>
)

System & Settings

  1. Go to your site’s dashboard.
  2. Click the menu System & Settings.
  3. Choose SEO & Statistics.
  4. Click on Tracking Codes.
  5. Paste the code snippet (s. below) in the field Header Tracking Codes.
  6. Click Save in the doc header.

Copy & paste the following code in bold in the field Header Tracking Codes under SEO & Statistics. 

<script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>

Code Injection

  1. Go to Settings in your site’s dashboard.
  2. Click on Advanced.
  3. Click on Code Injection.
  4. Paste the code snippet (s. below) in the text box FOOTER. 
  5. Click on Save on the top.

Copy & paste the following code in bold into the text box (number 4).

<script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>

FOOTER CODE

  1. Visit your Site settings > Custom code tab
  2. Paste the code snippet (s. below) in the Footer code section. 
  3. Click Save changes

Copy & paste the following code in bold into the text box (number 2).

<script defer src="https://checkbeforeselect.com/js?api=[YOUR API-KEY]"></script>

STEP 3 ADD TRUST BADGE SIGNATURE TO YOUR EMAIL CLIENT

Add TRUST BADGE SIGNATURE

  1. Go to Tools > Account Settings
  2. Choose your Account
  3. Select “Signature text”
  4. Copy & Paste the code below in to the signature textbox
<p>
<a href="https://checkbeforeselect.com/emailsignature?api=[YOUR API-KEY]" target="_blank" rel="noopener noreferrer">
<img src="https://checkbeforeselect.com/emailsignature?tag=img&api=[YOUR API-KEY]" alt="Tiny Living Alliance">
</a>
</p>

Add TRUST BADGE SIGNATURE

  1. Go to File > Options. Click on Mail.
  2. Click Signatures. Under Select signature to edit, click New.
  3. Enter a name (Tiny Living Alliance) for the signature, then click OK.
  4. Under Edit signature, copy-paste the code below in the textbox. Click OK to save.
<p>
<a href="https://checkbeforeselect.com/emailsignature?api=[YOUR API-KEY]" target="_blank" rel="noopener noreferrer">
<img src="https://checkbeforeselect.com/emailsignature?tag=img&api=[YOUR API-KEY]" alt="Tiny Living Alliance">
</a>
</p>

Add TRUST BADGE SIGNATURE

  1. In Outlook Webmail, click the Settings gear, then select View all Outlook settings.
  2. Click Compose and reply.
  3. Copy & Paste the code below in the textbox.
  4. Select “Automatically include signature on new mail” and “Automatically include signature on forward and replay”,
  5. Click Save.
<p>
<a href="https://checkbeforeselect.com/emailsignature?api=[YOUR API-KEY]" target="_blank" rel="noopener noreferrer">
<img src="https://checkbeforeselect.com/emailsignature?tag=img&api=[YOUR API-KEY]" alt="Tiny Living Alliance">
</a>
</p>

Add TRUST BADGE SIGNATURE

  1. Click the Settings gear in the top right toolbar. Click See all settings.
  2. Under General, scroll down to the signature section. Click Create new.
  3. Enter a name (Tiny Living Alliance) for the signature, then click Create.
  4. Copy & Paste the code below into the textbox.
  5. Under Signature defaults, select the signature for new email and forward/replay.
  6. Scroll down to the bottom of the page and click Save Changes.
<p>
<a href="https://checkbeforeselect.com/emailsignature?api=[YOUR API-KEY]" target="_blank" rel="noopener noreferrer">
<img src="https://checkbeforeselect.com/emailsignature?tag=img&api=[YOUR API-KEY]" alt="Tiny Living Alliance">
</a>
</p>

Add TRUST BADGE SIGNATURE

In most cases, you should be able to add a signature by copy & paste in the email signature textbox in your email client.

<p>
<a href="https://checkbeforeselect.com/emailsignature?api=[YOUR API-KEY]" target="_blank" rel="noopener noreferrer">
<img src="https://checkbeforeselect.com/emailsignature?tag=img&api=[YOUR API-KEY]" alt="Tiny Living Alliance">
</a>
</p>

Finished

If you implemented the Trust Badge like described above all your customers can see, on your website, that you are a member of Tiny Living Alliance. In case you have trouble with implementing the Trust Badge, please contact us, and our web development team will gladly support you free of charge.