Wie man das Vertrauensabzeichen einführt

Vertauenszeichen API

Bevor Sie das Vertrauenszeichen auf Ihrer Website implementieren können, benötigen Sie einen eindeutigen API-Key für Ihr Unternehmen. Nachdem Sie die Mitgliedschaft beantragt haben und die Tiny Living Alliance Sie als offizielles Mitglied validiert hat, erhalten Sie eine E-Mail mit Ihrem eindeutigen API-Key. Bitte bewahren Sie diesen API-Schlüssel sicher auf und geben Sie ihn nicht weiter. Falls Sie Ihren eindeutigen API-Key nicht per E-Mail erhalten haben, kontaktieren Sie uns.

Implementierung

Um das Vertrauenszeichen auf Ihrer Domain (Webseite) zu implementieren, sollten Sie wissen, welche Art von Webseite Sie haben. Falls Sie eine statisch verlinkte Website haben, sollten Sie die Schritte unter Website ausführen. Falls Sie ein CMS verwenden, dann folgen Sie dem Schritt unter WordPress, Wix.com oder Tilda.cc. Nur wenn ein Kunde das Vertrauenszeichen auf der Startseite Ihrer Webseite sehen kann, können Sie von allen Vorteilen der Tiny Living Alliance profitieren.

Wenn Sie eine andere Software zur Erstellung und Gestaltung Ihrer Webseite verwenden und nicht wissen, wie Sie dasVertrauenszeichen implementieren können. Setzen Sie sich entweder über unser Kontaktformular oder direkt per E-Mail mit uns in Verbindung und unser Web-Entwicklungsteam wird Sie kostenlos mit Ihrer speziellen Software unterstützen.

STEP 1 GENERATE CODE

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>

Zum Schluss

Wenn Sie das Vertrauenszeichen wie oben beschrieben implementiert haben, können alle Ihre Kunden auf Ihrer Webseite sehen, dass Sie Mitglied der Tiny Living Alliance sind. Sollten Sie Probleme mit der Implementierung des Vertrauenszeichens haben, kontaktieren Sie uns, und unser Web-Entwicklungsteam wird Sie gerne kostenlos unterstützen.