In this article we will be taking a look at on how to embed Trustmary's testimonials and surveys to a website when using Wix 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.
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.
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 Wix
Now that you have the embed code, navigate to your Wix Dashboard and select the website to edit by clicking Edit Site.
Note that this guide is written from the perspective of the Editor mode. You can switch to Editor mode the ADI mode, or select it when creating a new site.
Once you're in the editor, click on the plus icon in the toolbar on the left, or any other plus icon on your website's preview. Here you can add content and sections to your site. Click on the Embed category in the list and locate Custom Embeds in the sub-menu. From Custom Embeds, select Embed a Widget to open the HTML element in which the embed code can be pasted into.
Now that the HTML element is added to your site, click Enter Code near the top edge of the element. This opens up the element's settings and a text box, in which you can paste the embed code copied before. Next just click Update, and you're pretty much all set.
The only thing left now is to verify that the embedding works as intended. This can be easily done by first previewing the page, and then publishing the changes when everything seems allright.
Once everything is up and running, your embed should look and behave something like this:
Order confirmation ("thank you") page
Finding the order confirmation page in WIx is very straightforward. Start by finding the Thank you page in the page drop-down menu.
Once on the Thank you page, click on the plus icon in the toolbar on the left to add a HTML element for your embed. See the picture below for all the steps.
When you have the HTML element on your page, you can move and shape it to your liking by dragging from the center and edges respectively. After the element is in its place, click on the Enter code button near the top edge of the element.
This opens up a window into which you can paste the embed code you copied earlier. When the code is in the box, click Update near the bottom of the window to apply the changes.
After this everything is pretty much all set. You can verify that the embed works as intended by clicking Preview in the top right corner of the editor, and if everything checks out, Publish the changes made.