This article will help you install RaveCapture 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@ravecapture.com.
This article is broken down into several areas:
Connect RaveCapture to your store
Add the Reviews Widget
Add the Inline Stars
Export your current WSM Reviews & Import into RaveCapture
-
Installing Webshop Manager
Step 1: Connect RaveCapture to your store
This step goes over configuring the integration settings within your RaveCapture account to pull orders from your WSM store. From your RaveCapture 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 RaveCapture under your Account Settings.
Note: To get to the account settings page, log into RaveCapture 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@ravecapture.com.