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

Szilveszter Szlifka
Written by Szilveszter Szlifka
Reviewed and updated by
Gabor Molnar on April 30, 2024

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

Step 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.

Step 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 (https://wordpress.org/plugins/search/trustindex/)

#Shortcode
  • Copy the WordPress shortcode.
  • Open your page in edit mode.
  • Paste the shortcode where you want to display your widget.
  • Save your page.
#Classic
  • Just use the “Insert shortcode” button (over the editor, next to “Add media”)
  • Insert the previously copied code
  • Save you page
#Divi
#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.
#Elementor
  • 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.
#Gutenberg
  • 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.

Wix

  • 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>

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='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.

For AMP

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

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='https://cdn.trustindex.io/loader.js?111fa111950c622dern267v531'></script>
  2. Create a <script> from that and put it into the <head> tag:
    <script defer async src='https://cdn.trustindex.io/loader.js'></script>
  3. 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>
  4. Save your file.
  5. Check your page.
Posted in: "Step by step" tutorials, Trustindex Help

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

Leave a Reply

Related posts

trustindex rich snippet resultsTrustindex Rich Snippet: A Comprehensive Guide How to insert the Review Certificate into your website? How to Collect Reviews with Email Campaigns