Note: This guide applies to the Starter, Business & Scale plans.
Introduction
In this article we will be taking a look at on how to embed Trustmary's testimonials and surveys to a website when using Joomla as the content management system. If you're looking for instructions on the same subject but for a different platform, please refer to the other articles in our Help documentation's Integrations section.
Getting the code snippets
Start by navigating to the Widgets section in Trustmary. In there, select a widget or create a new one.
In the widget editor, select the Add to website tab at the top of the screen. Here you'll find the code snippets needed to embed the widget.
What to do with the snippets?
Note, that the two snippets of code serve different purposes.
The first snippet, Trustmary tag, is a global script which enables the loading of the widgets. This script needs to be installed once, either with Google Tag Manager or inside the <head> tag of a website. We recommend installing the script with Tag Manager, as scripts installed like this are activated more reliably. For the installation process, check out this guide.
The second snippet is the embed code itself. This snippet loads a widget into where it is placed on the site.
Embedding the code in Joomla
Preparations
As the default editor in Joomla (TinyMCE) removes parts of the embed code, the first thing that needs to be done is to change the editor from Joomla's settings. Let's start with clicking on System from the dashboard.
From the System Dashboard, go to Global Configuration under Setup.
From here, look for Default Editor under the Site tab. Click on the drop-down menu and select some other editor than TinyMCE. For the sake of this guide, we selected None from the drop-down.
After you've made the changes, just click Save & Close in the top of the page and you're automatically moved back to the Joomla dashboard.
Embedding the code
Now that everything is in order with Joomla and your embed code, you can start actually embedding it.
From Joomla's dashboard, find the Articles section and click the plus icon to add a new one. Naturally, the embed can be placed into existing articles too, which can be done by entering the articles section and just selecting the article you would like to edit.
Once in the editing view of an article, add a title and paste the embed code from before to the text box labeled Article Text. After the code is in its place, click on the Featured toggle from the toolbar on the right and finally Save near the top.
You've now got the code embedded, nice! All that's left is to verify it works. This can be done with clicking either Preview or your site link from near the top of the page.
