How to insert your widget’s code into your site?

Written by Szilveszter Szlifka
Reviewed and updated by
Gabor Molnar on March 27, 2024

In order to display your widgets, all you have to do is paste a small, unique code to your website.

1. Get your widget’s code

First create a new review widget in Widget configurator or select one of your saved widget.
After your widget is configured, all you have to do is click Save and get code at the top righ corner.
Copy one of source code.

The first way to insert code is the general way, add it to your website <body> where you would like to display your Trustindex widget(s).

First find a good place for widget on your website where you want to display it. It is all your decision.
Open the website’s source code with text editor.
Make sure that you paste the widget’s code as HTML.
Save your file.
Check your webpage. That’s all.

If you are going to use your widget on a WordPress website and you have at least one Trustindex plugin installed (https://wordpress.org/plugins/search/trustindex/)

If you have Divi theme, download our extension from https://wordpress.org/plugins/review-widget-addon-for-divi/
Edit your page/post with Divi.
Add new element then search for Trustindex.
Select your widget type then the widget.
Save your page.

Edit your page/post with Beaver builder.
At the top right corner click the + sign then grab the <> HTML section to the place where you want to display the widget.
Paste the widget source code to the popup window.
Save your page.

If you have Elementor all you have to do is download our extension from https://wordpress.org/plugins/review-widget-addon-for-elementor/
Edit your page/post with Elementor.
In the top left corner search for Trustindex under Elements.
Drag the widget to the site where you want to display your widget.
Select your widget type then the widget.
Save your page.

Go to Settings in your site’s dashboard.
Click the Custom Code tab in the Advanced section.
Click + Add Custom Code at the top right.
Paste your generated code from Trustindex to the textarea between <div> ... </div> tags
Enter a name for your code.
Select an option under Add Code to Pages: All pages or Choose specific pages.
Choose where to place your code under Place Code in.
Click Apply.
Example code: <div> <script defer async src='https://cdn.trustindex.io/loader.js?111fa111950c622dern267v531'></script> </div>

Open your page in editor mode.
Select a sectioin ADD BLOCK > CODE
Set “Mode” to “HTML”
Uncheck “Display Source Code”
Insert your widget’s code from Trustindex to the textarea
Example code: <script defer async src='https://cdn.trustindex.io/loader.js?111fa111950c622dern267v531'></script>
Note: Adding JavaScript or iframes to code blocks is a premium feature available in Business and Commerce plans.

Here is a description for how to insert code to AMP compatible site: https://www.trustindex.io/what-is-amp/

You can use this way when

you are using some special JS Framework, ReactJS, …
or you can insert external javascript files only into your <head> section
or using many widgets on the same page and want to minimize the number of <script> tags…

So, convert your copied HTML code. Let’s see it in an example:

Get the copied widget code (from Trustindex’s system after saving). Example: <script defer async src='https://cdn.trustindex.io/loader.js?111fa111950c622dern267v531'></script>
Create a <script> from that and put it into the <head> tag:
<script defer async src='https://cdn.trustindex.io/loader.js'></script>
And create a <div> from that and place within <body></body> tags, where you want the widget to be shown:
<div src='https://cdn.trustindex.io/loader.js?111fa111950c622dern267v531'></div>
Save your file.
Check your page.