How to add widgets to my website?

In eTrusted you have several modern widgets at your fingertips which you can use to win over visitors of your website.

Trust is the most important currency on the Internet. By showing your positive overall rating in a clearly visible manner on your website, you inspire trust and thereby increase your sales.

You would like to know how widgets look like on your website? Find it out here:
How do widgets look like on my website?

Where can I browse available widgets?

All available widgets can be found in the widget library. There you can choose between different widget variants and also customise each widget to your needs.

Widget_library.jpg

Within the widget library you can see a preview of each widget. So you can decide which widget is best suited for your website and where it can be placed most effectively.

Move the cursor over the Info_Circle.png in the upper right corner of a widget to get additional information

02_EN.png

Each widget is already optimised for desktop and mobile, so you don't have to worry about displaying it correctly on your users' devices. The code of our widgets covers two display variants: One is optimised for smaller smartphone displays, the other takes full advantage of a desktop resolution.

You would like to know how widgets look like on your website? Find it out here:
How do widgets look like on my website?

How does the widget configuration work?

Start the setup by selecting a widget from the widget library and clicking the "Configure" button in the lower right corner:

03_EN.png

The configuration mode for the widget opens. It is split into two parts. On the left you find all available options, on the right you see a live preview of the widget. When you make adjustments, the preview changes immediately, so you know exactly how the widget will look on your website.

04a_EN.png

After the visual adaptation of the widget, the next step is the integration into your website.

How do I add a widget to my website?

To display widgets on your website, you need to include HTML and JavaScript code in the head and body of your website HTML. The code is generated by eTrusted and can be copied and pasted directly into an email or text document so that an administrator can implement the code.

After you have made all desired adjustments in the configuration mode, click on "Generate widget code". A window with two code snippets opens:

04b_EN.png

Copy the code snippets via the button "Copy all instructions". You can also copy the two code snippets separately by clicking on the symbol in the upper right corner of the black code field. Paste the instructions into a text document, e-mail or other medium of your choice and forward it to an administrator or paste it into your website HTML yourself. Finally, click "Finish widget configuration".

The JavaScript code from the upper field must be inserted into the head of the website, the HTML code from the lower field into the place in the body of the website where the widget should be displayed. Only after you have implemented the code the widget can be displayed correctly.

The JavaScript code for the head is only needed once, even if you implement more than one widget on your website.

How long is the code active?

Once you have generated the code and completed the widget configuration, you will find the created widget in the tab "Your Widgets". The JavaScript code is active permanently, regardless of whether you have already implemented it or not. This means you can take your time with the implementation.

If something didn't work with copying the code, that's no problem either. You can simply copy the code from the active widget again.

05_EN.png

The code is deactivated if you remove the widget from your active widgets by clicking the "Delete" button. Until you remove the code from your website HTML, an empty area will be displayed at that position.

What you need to know when removing widgets, read here:
How to remove a widget from my website?

Why is the code snippet for the website header the same for each widget?

The JavaScript code that you have to implement in the head of your website is only needed once. Therefore, for the implementation of each additional widget it is sufficient to insert the HTML code / DIV container for the widget at the right place in the body of the website.

This has the advantage that even people without administrative rights can add widgets, as long as they are allowed to edit website content. Your marketing team can therefore act independently after the initial implementation of the JavaScript snippet. Widgets are therefore already visible to your website visitors after a few minutes.

Are you showing your stars on Google & Co. yet? Get more info here:
- What is the Google Integration?
- Why is it a good idea to optimise my overall rating on other review platforms?


Was this article helpful?

3 out of 3 found this helpful