Web Shop Manager Installation

Learn how to add TrustSpot to your Web Shop Manager Store.

Beth avatar
Written by Beth
Updated over a week ago

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

-

Installing Webshop Manager

Step 1: Connect TrustSpot to your store

This step goes over configuring the integration settings within your TrustSpot account 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 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 via our live chat or support@trustspot.io.

Did this answer your question?