This article will instruct you on how to embed Trustmary's testimonials and surveys to your site when using the Elementor theme and editor in WordPress. If you're looking for instructions on the same subject, but for a different WordPress editor, please refer to the main article covering the integrations of Trustmary and WordPress.
Installing with the Trustmary plugin
The easiest way to embed widgets to your WordPress site is to use our official WordPress plugin. The plugin works seamlessly with all WordPress themes and editors.
Check out our guide on installing and using the plugin!
Getting the code snippets
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.
Embedding the code in Elementor
Optional: Add the header script manually
If you already installed Trustmary tag with Google Tag Manager, you don't need to worry about this step.
The simplest way of manually installing the widget script onto your Elementor site, is through the Custom Code feature. Follow the instructions in the video below to install the Trustmary tag script into the <head> element.
Embedding the widget
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.
This opens up the default page editor. To open the Elementor page editor, click the Edit with Elementor button near the top of the editor.
Find the HTML element from the elements section in the sidebar and drag & drop it into your page. After this, the element's settings are automatically opened and you're greeted with a textbox where you can enter your embed code.
Once the code is in place, click on the Publish button at the bottom of the sidebar, and you're done!