Introduction

This article will instruct you on how to embed Trustmary's testimonials and surveys to your site when using Divi as your WordPress theme and editor. If you're looking for instructions on the same subject, but for a different WordPress theme, please refer to the main article covering the integrations of Trustmary and WordPress.

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 Add to website 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 The Divi Builder

Once you have the code, you're ready to embed it into your web page. Start by opening up your dashboard in WordPress and navigating to Pages. Here you can either add a completely new page by clicking Add New, or edit an existing page by selecting one.

trustmary integration embed wp wordpress divi theme code

In the editor view, locate and click the purple button that reads Use The Divi Builder to open Divi's editor view.

In the Divi Builder, click on the Plus icon to open the Insert Module window on where you want to place your embed. From the Insert Module window, choose Code.

trustmary integration embed wp wordpress divi theme code

In the Code module, locate the text box also titled Code and paste your embed code in the box. The result should look similar to the image below. After you're finished, click the green button with a checkmark at the bottom to close the Code module.

After the code is in its place, you can verify that the embed is working properly by previewing the page clicking the Preview button.

If the embed is non-responsive, not visible or not moving, please check that the embed code matches the one diplayed in Trustmary and that JavaScript is enabled on your browser.

Did this answer your question?