> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.trustmary.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add a Review Widget to your BigCommerce website


# Introduction

In this article we will be taking a look at on how to embed Trustmary's reviews and surveys to a BigCommerce website. If you're looking for instructions on the same subject but for a different platform, check out our other articles in our Help documentation's [Integrations](https://help.trustmary.com/en/category/add-reviews-to-your-site-11e8b7g/) section.

# Finding the embed code

${youtube}[Finding your widget embed code](xge6pdstY8Q)
Start by navigating to the **Widgets** section in Trustmary. In there, select a widget or create a new one.

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/JHPm7Haxri.png)
In the widget editor, click the **Add to website** button which opens up a drawer. From there, copy the code snippet with the **Copy code** button.

![](https://storage.crisp.chat/users/helpdesk/website/b8083cc0c8b32000/widgetseditoraddtowebsitedialo_82497.png)
 **
### What to do with the code snippet?

For the widgets to work, you'll need to copy the code from Trustmary to your website, either directly to the source code, or through your website editor. The website editors usually have an element called code, HTML, embed or similar that can run the code.

For more information on embedding to different platforms, check out our [help article collection](https://help.trustmary.com/en/category/add-reviews-to-your-site-11e8b7g/) on the topic.

# Embedding the code in BigCommerce
 
### Embedding to front page and similar pages

Now that you have your embed code, open up your site by clicking **View Store** from the BigCommerce dashboard. 

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/vz4tjX-_de.png)
From the website's preview, click on **Design this page in Page Builder** in the top right corner. This opens up the editing mode, in which you can add elements to the site. 

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/oCQ5S18GxA.png)
Once in the page builder, locate the **HTML element** in the toolbar on the left and simply drag and drop the element into its place (the highlighted spots in the preview). 

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/QoJRE--7-5.png)
The HTML element's settings automatically open in the toolbar on the left. This is when you will need the embed code that was copied from Trustmary: paste it into the text box and click **Save HTML** on the bottom of the toolbar. 

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/pWwEbxQO39.png)
The HTML element is now complete. Now, just click **Publish** or **Save** on the top right corner of the screen, and the changes will be applied to your site. 

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/0P0arNJfIc.png)
After saving, you can instantly see you embed in the preview. Here you can verify it looks allright and responds normally to clicks.

And that's about it, you've succesfully embedded testimonials onto your site!

### Order confirmation ("thank you") page

With the order confirmation page the embedding process gets a bit more technical. The page is not accessible directly through the Page Builder, but through the **HTML** files of the currently selected theme.

First, to backup all changes and ensure your website keeps running, BigCommerce requires you to make a copy of your current theme files. To do this, navigate to **My Themes** under the **Storefront** menu. Here the first thing you see is your current theme. Click on the drop-down menu labeled **Advanced**, and select **Make a Copy** from the list.  

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/7S3EZZEjW4.png)
Your copied theme appears in the **My Themes** section below the previous one. Now, go ahead and click the **three dots** on the right side of the theme, and select **Edit Theme Files**.

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/N2KZfiRVfr.png)
Now this part might look intimidating, but it isn't really easy to break something here. So don't worry too much!

Start by finding the **templates** folder in the navigation pane on the left. From there, continue to **pages** and scroll down to find the **order-confirmation.html** file. Click it open, paste your code in somewhere between the header and footer sections. In this case the code was pasted below *checkout.order*confirmation_content_, to have the embed appear below everything else.

After the code is in, go ahead and click **Save file** in the bottom right.

![](https://tawk.link/63c911a247425128790e845b/kb/attachments/bWETOPAEFh.png)