In this article we will be taking a look at on how to embed Trustmary's testimonials and surveys to a website when using Squarespace 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 Squarespace
Now that you have the embed code, head to your Squarespace page editor and click Edit in the corner of your page's preview to start editing.
In the editing view, click on a blue plus icon in the spot you want to place the embed. In the menu that pops up, choose Embed as the block type.
Once the embed block has been placed, click on the </>-icon on the right side of the embed's window. Paste the embed code that you copied earlier into the text box with the "Add code..." text in it.
Congratulations, the embed is now on your site! Note that you might not see it yet in the preview of your page. To verify it is working correctly, head out of the editing view by navigating to the Done drop-down menu in the upper left corner and clicking Save.
Now you can check that everything is allright with the embed. Note that you might need to click on the blue Enable Scripts in Preview button in the bottom of the page to get the embed rolling in the preview. Once you've verified the embed is responsive and moving, you're all set!