SureDone storefronts include essential infrastructure for hosting a successful storefront. In the journey to optimize for success, social proof is one of the clearest way to establish trust with your visitors and increase conversion. There are 2 aspects to this social proof as it pertains to reviews: a) product reviews and b) store reviews.
SureDone has partnered with ShopperApproved to power these store and product reviews, read on to get your storefront setup with product and store reviews.
Getting Started:
First, create and configure an account at ShopperApproved using the SureDone sign up link.
Store Reviews:
Within the Shopper Approved app, navigate to the Merchant > Surveys page. You may accept most of the default values though we recommend choosing "Inline" for the survey code display and checking "Order Id" for auto populate values.
From there you'll copy the survey code, modify the checkout code, and set it in the thank you page as follows.
Modify the copied snippet by changing "ORDER123" to "{{data['order']}}":
<div id="outer_shopper_approved"></div><script type="text/javascript"> var sa_values = { "site":11111, "token":"xxxxx", 'orderid':'{{data['order']}}' }; function saLoadScript(src) { var js = window.document.createElement("script"); js.src = src; js.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(js); } saLoadScript("https://www.shopperapproved.com/thankyou/inline/35893.js") </script>
Now in SureDone head over to Settings > Templates and navigate to the active template - then to the file form-cartpostsale.htm. Modify the template with your Shopper Approved snippet after the payment message block.
Save the page, you can test that its working by checking out with a test product on your storefront.
Product Reviews:
Within the Shopper Approved app, navigate to the Product Reviews Code page.
From there you'll copy the Product Page Code from Step 3, modify the code, and set it in the product page as follows.
Modify the copied snippet by changing "[PRODUCT ID]" to "{{data['guid']}}":
<script type="text/javascript"> var sa_products_count = 3; var sa_date_format = 'F j, Y'; var sa_product = '{{data['guid']}}'; (function(w,d,t,f,o,s,a){ o = 'shopperapproved'; if (!w[o]) { w[o] = function() { (w[o].arg = w[o].arg || []).push(arguments) }; s=d.createElement(t), a=d.getElementsByTagName(t)[0];s.async=1;s.src=f;a.parentNode.insertBefore(s,a)} })(window,document,'script',"//www.shopperapproved.com/product/11111/"+sa_product+".js"); </script> <div id="shopper_review_page"><div id="review_header"></div><div id="product_page"></div><div id="review_image"><a href="https://www.shopperapproved.com/reviews/suredone.com/" onclick="var nonwin=navigator.appName!='Microsoft Internet Explorer'?'yes':'no'; var certheight=screen.availHeight-90; window.open(this.href,'shopperapproved','location='+nonwin+',scrollbars=yes,width=620,height='+certheight+',menubar=no,toolbar=no'); return false;" target="_blank" rel="nofollow"></a></div></div>
Now in SureDone head over to Settings > Templates and navigate to the active template - then to the file product.htm. Modify the template with your Shopper Approved snippet after the cart details block.
