This article will help you install TrustSpot on your Web Shop Manager based store.

If you get stuck at any point, feel free to jump on Live Chat and one of our team members will provide guidance in getting the code installed. You can also email us at: support@trustspot.io

This article is broken down into several areas:

  • Connect TrustSpot to your store
  • Add the Reviews Widget
  • Add the Inline Stars
  • Export your current WSM Reviews & Import into TrustSpot

-

Step 1: Connect TrustSpot to your store

This step goes over configuring the integration settings within your TrustSpot account in order to pull orders from your WSM store. From your TrustSpot account, go to:

  • Click Site Integrations
  • Click Web Shop Manager

You will now be asked to fill in 3 fields:

  • Order API Key
  • Product API Key
  • Order Status Trigger  (building, new, pending, processing, complete, shipped)

Click Save

-

Step 2: Add the Review Widget

This adds the review widget to your product page in order to show off all of your review, photo and Q&A content. From the WSM backend, go to: 

  • Click Settings
  • Click Design
  • Edit Product Template

Add the following code 

<link href="https://trustspot.io/index.php/api/pub/product_widget_css/XXXX/widget.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="https://trustspot.io/assets/css/font-awesome.min.css">
<script>trustspot_key='XXXXXXXXXXXXXXXXXXXXXXX';</script>
<script src="https://trustspot.io/assets/js/trustspot_product_reviews.js"></script>

Replace the "XXXX" portion for widget.css with your Merchant ID. This number is available within TrustSpot under your Account Settings.

Note: To get to the account settings page, log into TrustSpot and click your company name in the top right, then click Account Settings

Replace the "XXXXXXXXXXXXXXXXXXXXX" for trustspot_key with your API Key. This is also located under your Account Settings.

-

Step 3: Add the Inline Stars

The next step in the process adds the inline stars to the top of your product page, near the price. You can of course place them anywhere you like, but this is the recommended area. 

  • Click Settings
  • Click Design
  • Edit Product Template

Look towards the top of the product template around the Title or Price tags, and copy & paste the below code there. 

<div class="trustspot-inline-product" data-product-sku="{ product.sku }"></div>
                               
-

Step 4: Add the Category Stars

The last step of the process adds the category stars to appear below products on your category pages.

  • Click Settings
  • Click Design
  • Edit Category Template

Typically category stars are placed below the Product Title or Product Price. Copy & Paste the below code in the position you'd like them to appear.

<div class="trustspot-inline-category" data-product-sku="{ product.sku }"></div> 

-

Have a question or need support on this integration? 

Please contact our support team from here.

Did this answer your question?