Review Widget (Shopify)

Show the reviews that you collect on GetReviews on your shopify site by following the below steps:

1.) Edit theme code on Shopify

To edit your theme code on your Shopify site, follow the below instructions

1. While logged into Shopify, in the left-navigation, click “Online Store”
2. Click “Themes”
3. On the live theme section, click the “Actions” dropdown button
4. Click “Edit Code”

2.) Add javascript snippet immediately before </head>

In your edit code panel, locate the file that contains your header code. Once you have located the header code, insert the following snippet of code before the closing </head> tag. The hex values in this snippet of code change the colors of your stars & header text.

<script>
    var sf_widget_config = {
      hex: '#ff671d',
      avatarColor: '#fdbd91'
    }
</script>

2.) Add javascript snippet immediately before </body>

In your edit code panel, locate the file that contains your footer code. Once you have located the footer code, insert the following snippet of code before the closing </body> tag.

<script src="https://app.getreviews.ai/javascripts/embed.js"></script>

3.) Add star rating snippet

Place the following snippet of code where you would like to display your star rating snippet

<div class="getreviews_review_mini" data-asin="{{product.metafields.global.asin}}" data-showUnverified="0"></div>

4.) Add review snippet

Place the following snippet of code where you would like to display your review snippet

<div class="getreviews_review_large" data-asin="{{product.metafields.global.asin}}" data-showUnverified="0"></div>

5.) Add ASIN values to Shopify products

In order for GetReviews to know which ratings/reviews to show on which product, you must add ASIN values to your products in Shopify. This is done by editing the metadata of your products. To edit the metadata of your products, replace everything after the final forward slash of your Shopify site URL with the bolded text below

https://yourshopifywebsite.com/admin/bulk?resource_name=Product&edit=metafields.global.asin