To begin, please pull up your store in the Shopper Approved Control panel.

1. Step One

Product Feed

We will need you to send us a product feed that contains all of your products. An example product feed can be found here.

2. Step Two

Your second step will be to place the Thank you page code from your Shopper Approved control panel. You can get the code here.

Please note the different options that you can select. You will have to select these before copying the code.

After you have done this you will need to code these three areas to auto-populate from the checkout page using your cart`s variables.

3. Step Three

Product Reviews Thank you Page Bolt-on

You will then need to add in code for the product. What you need to do is create a variable called sa_products and populate that variable with the correct key value pairs from your cart so that it sends the product id. All carts are different, so you will have to populate the variable the way your cart needs.

Here is a video of how you can find the code that we have in the dashboard. I have also included an example from Shopify below.

<script type="text/javascript">
var sa_products = {}; //declare sa_products object
var itemtitle; //set variable for product name
{% for line_item in line_items %} //start for loop to loop through all products purchased
itemtitle = (function () {/*{{ line_item.title }}*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1]; //remove all special characters from product name
sa_products['{{ line_item.variant_id }}'] = itemtitle; //populate sa_products object with key value pair of 'productid':'productname'
{% endfor %} //end for loop
</script>

Please note: All carts are different. This means that the code in our dashboard may or may not work on your site. You will have to create the correct code based on your cart.

4. Step Four

Copy the "Review Page" code

Then you will need to create a new page (name it reviews) on the account and remove everything on the page and just add the "Review Page" code.

Here is a video of how to get this code.

5. Step Five

Place the SA seal, which you can get here, see video.

You can customize this using the options in the dashboard. Copy the code and place it wherever you would like it on your site.

Please note: We have found that clients get the best conversion when they place the seal somewhere in the top right of their website.

6. Step Six

Get the Product Category code from the Shopper Approved Control Panel for your site. There are two parts. The first only needs to be on the category pages once. See video here.

The second (the div) will need to go in the place where the stars are going to appear, see here.

7. Step Seven

Product Page Just Stars Code

Retrieve the product page stars code by going to the Shopper Approved control panel and grabbing the code seen here.

Please note: You will have to replace the [PRODUCT ID] placeholder anywhere you place this code.

8. Step Eight

Product Page Product Widget

We will then need to get our product review widget on the page. Here is a video of how you can retrieve that.

You will then need to place it so that it shows at the place you would like on your site. This is where your product reviews will show on your product pages.

Height will vary based on review length and other factors, and is okay to change. Because of this, you may need to make a container to sit it in if the theme doesn`t allow the widget to space itself properly. Very similar to this page.

Please note: You will have to replace the [PRODUCT ID] placeholder anywhere you place this code.

Did this answer your question?