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

Author: Dénes Lekrinszki

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 website 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 (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.
https://vimeo.com/506419798
#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 Shopify

  • Click Online Store > Themes.
  • Click Customize button for your current theme.
  • At the bottom of left menu select Add section > Custom content.
  • In custom content click Add block > Custom HTML.
  • Paste the Trustindex source code to the input field.
  • Save your 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.

For Wix

  • Open your page in editor mode.
  • On the left menu Add > Embed > Custom Embeds > Embed a Widget
  • Click Enter code then select Code uder What do you want to add?
  • Paste your generated code from Trustindex to the textarea between <div> … </div> tags
  • Example code: <div> <script defer async src=’https://cdn.trustindex.io/loader.js?111fa111950c622dern267v531′></script> </div>

For Shoprenter

  • Open your shop in editor mode.
  • On the left menu Content > Text menupoints
  • Select the page where you want to display the widget ( eg.: About us )
  • Search for *Content: section then select <>Source code at the top left corner of text editor.
  • Paste your generated code from Trustindex to the textarea.
  • Save the changes.

For Unas

  • Open your shop in editor mode.
  • On the top menu Content > Editable content.
  • Select the page and position from the dropdown list where you want to display the widget.
  • At the Content: editor select < > (Source code) on top bar of text editor.
  • Paste your generated code from Trustindex to the textarea.
  • Save the changes.

For Opencart

  • Go to your Extensions and from the select list choose Modules.
  • Search for HTML Content ( if it is not installed then install it ), then Edit
  • At the description section select Code view </ > tab.
  • Paste the Trustindex source code, then at the bottom select Status: Enabled and Save the module.
  • Open the Desing >>> Layouts menu point and select the page where you want to display the widget.
  • Add the HTML Content to the page.
  • Save the changes.

Szólj hozzá!

Category: "Step by step" tutorials