Trustbadge 5

Display and configure Trustbadge 5 in your shop

 

The basis for the Trustbadge 5 is the following JavaScript code:

<script async 
data-desktop-y-offset="0"
data-mobile-y-offset="0"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-width="156"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="156"
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="right"
charset="UTF-8"
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
</script>

Within this code you can make some adjustments, which we will explain below. For this purpose, we will explain the individual parameters of the code and which functions they perform. If you use a Trusted Shops plugin for your shop system, which has a code box for the Trustbadge, you can enter and save your changes directly there.


    • desktop-y-offset: Specification for the height of the Trustbadge at the edge of the screen in px (desktop version) The Trustbadge is always placed at a distance of 54px from the bottom edge of the screen as standard. Enter the distance of the Trustbadge from the bottom edge of the screen (in px): Values from -54 are possible

    • mobile-y-offset: Specification for the height of the Trustbadge at the edge of the screen in px (mobile version) The Trustbadge is always placed at a distance of 10px from the bottom edge of the screen as standard. Input of the distance of the Trustbadge from the bottom edge of the screen (in px): Values from -10 are possible

    • desktop-disable-reviews: Ratings are hidden in the Trustbadge
      - Trustbadge is displayed with reviews („false“)
      - Trustbadge is displayed without reviews („true“)

    • desktop-enable-custom: Display the Trustbadge in the custom variant. The Trustbadge can be placed anywhere in the shop.
      - Trustbadge is shown in the custom variant and can be placed freely in the shop ("true") Please also place the following container at the desired location in your shop: <div id="trustbadgeCustomContainer" ></div>
      - Trustbadge is displayed in the standard version and pinned to the edge of the screen („false“)

    • desktop-position: Settings (desktop version):
      - Trustbadge is displayed on the right side of the screen („right“)
      - Trustbadge is displayed on the left side of the screen („left“) 

    • desktop-custom-width: Applies only if custom variant is active (desktop-enable-custom: "true"). Defines width of the custom Trustbadge. Input in px
      - If desktop-disable-reviews: „true”: 32 – 58
      - If desktop-disable-reviews: „false”: 100-500

    • data-desktop-enable-fadeout: Trustbadge slowly fades out, when you scroll down in the shop
      - Activate fadeout („true“)
      - Deactivate fadeout („false“)

    • disable-mobile: Mobile variant is deactivated. Trustbadge is displayed in the mobile View in the desktop variant
      - Trustbadge is displayed in the mobile view in the mobile variant ("false")
      - Trustbadge is displayed in the mobile view in the desktop variant ("true")

 

    • disable-trustbadge: Trustbadge is hidden in the desktop and mobile version (Trustcard and buyer protection are still available) 
      - Trustbadge is displayed in desktop and mobile view ("false")
      - Trustbadge is hidden in desktop and mobile version ("true") 

 

    • mobile-custom-width: Only applies if custom variant is active (mobile-enable-custom: "true"). Defines the width of the custom Trustbadge. Input in px
      - If mobile-disable-reviews: "true": 32-58
      - If mobile-disable-reviews: "false": 100-500


    • mobile-disable-reviews: Reviews are hidden in the Trustbadge
      - Trustbadge is displayed with ratings ("false")
      - Trustbadge is displayed without ratings ("true")

 

    • mobile-enable-custom: Display of the Trustbadge in the custom variant. The Tustbadge can be placed anywhere in the shop.
      - Trustbadge is displayed in the custom variant and can be placed freely in the shop ("true") Please also place the following container at the desired location in your shop: <div id="trustbadgeCustomMobileContainer"></div>
      - Trustbadge is displayed in the standard mobile version and pinned to the edge of the screen ("false")

 

    • mobile-position: Position for the Trustbadge in mobile view
      - Trustbadge is displayed on the left edge of the screen ("left")
      - Trustbadge is displayed on the right side of the screen ("right")
      - Trustbadge is displayed in the centre of the screen ("centre")