With the #trstd login, your customers can verify the authenticity of your website with a single click. This helps you strengthen trust in your shop and reduce purchase drop-offs.
By default, the #trstd login is provided via the Trustbadge. However, you can also integrate it directly into your website and define its position and appearance individually. This is useful, for example, if you have not integrated the Trustbadge in the visible area of your website.
Complete the following steps to integrate the #trstd login manually:
- Open the configurator
- Integrate the #trstd login
- Create your own theme (optional)
- Register a staging environment (optional)
Step 1: Open the configurator
- Log in to the eTrusted Control Centre.
- In the main navigation, click on the website icon (“#trstd login”) (
) Then click on “#trstd login” (
) Select the desired channel (
). Click on “Get started with #trstd login” (
).
You have now successfully opened the #trstd login configurator.
Step 2: Integrate the #trstd login
The default theme is already available in the #trstd login configuration. It is designed to be accessible and can be used without any further adjustments.
To integrate the #trstd login, you need to add two code snippets to your website’s HTML:
- the integration script
- the element
- In the #trstd login configurator, open the “Integration” tab (
- In the “Default theme” section, click on “Get integration code” (
- A pop-up appears. Click on “Copy integration script” to copy the integration script to your clipboard.
- Insert the code snippet into the <head> section of your website.
- Return to the pop-up. Click on “Copy place element” to copy the element to your clipboard.
- Insert the code snippet at the desired position in your website’s HTML.
You have now successfully integrated the #trstd login into your website.
How can I customise the #trstd login for my website?
If you would like to adapt the appearance of the #trstd login more closely to your website or corporate design, you can create your own theme.
- In the #trstd login configurator, open the “Theming & Appearance” tab (
- Click on “Create new theme” (
- A new section appears. First, enter a name (
- Define the size of the #trstd login (
- Define the colour and thickness of the border (
- Define the background colour for the inactive and active states (
- Define the colour of the login button for the inactive and active states (
).
- Define the colour of the e-icon for the inactive and active states (
).
- Define the size of the #trstd login (
- Check your adjustments in the preview (
). Then click on “Save theme” (
).
- You have now successfully created a theme. It is now available in the theme list. Click on "Integration". Next to your theme, click on “Get integration code”.
- Integrate the integration script and element into your website as described above.
You have now successfully integrated the #trstd login with your individual theme.
How can I register a staging environment?
If you would like to test the #trstd login in a test environment first, you can link your staging environment to the eTrusted Control Centre.
- Open the “Test stages” tab (
- Enter the URL of the staging environment (
You have now successfully registered your staging environment.