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

Widgets

Start by navigating to the Widgets section in Trustmary. In there, select a widget or create a new one.

Once in the widget editor, select the Rules tab at the top of the screen. Here you'll find the code snippets needed to embed the widgets.

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 and with less interference to other components of a site. 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.

Surveys

For surveys, the embed code can be found in the Collect tab of the survey in question. Once there, scroll down to the end of the page and you will see a section titled Embed to Website. Click Copy under the code snippet and you're ready to move to the next stage.

Embedding the code in Joomla

Preparing for the embed

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.

Below you can see a preview of how the testimonial embed should look more or less. If the embed moves and reacts as it should, you've done everything correctly and you're all set!

Did this answer your question?