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

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.

2. Insert your 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.

For WordPress

If you are going to use your widget on a WordPress website and you have at least one Trustindex plugin installed (

  • Copy the WordPress shortcode.
  • Open your page in edit mode.
  • Paste the shortcode where you want to display your widget.
  • Save your page.
  • Just use the “Insert shortcode” button (over the editor, next to “Add media”)
  • Insert the previously copied code
  • Save you page
#Beaver builder
  • 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
  • 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.
  • Search for a new content type, name “shortcode”
  • Insert the previously copied code
  • Save you page

For Joomla

  • Open your module or article in editor mode.
  • In the top right corner select Code tab.
  • Paste your widget’s source code to the right place.
  • 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=''></script> </div>

For Squarespace

  • 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=''></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:

Alternative method (ReactJS, …)

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:

  1. Get the copied widget code (from Trustindex’s system after saving). Example: <script defer async src=''></script>
  2. Create a <script> from that and put it into the <head> tag:
    <script defer async src=''></script>
  3. And create a <div> from that and place within <body></body> tags, where you want the widget to be shown:
    <div src=''></div>
  4. Save your file.
  5. Check your page.

2 thoughts on “How to insert your widget’s code into your site?”

  • Avatar
    Glenn Newland says:

    I cant use the certificate on my site, I have added the script to my head but I dont know how to get it to showup in the top bar, which is were I want it to be.

    any clues?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

7 − 2 =