Installation Guide

1. Install Social Analytics code

Paste this code into your global footer template:

<script type="text/javascript">
var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#537f6ea1a387646759d37a67';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

2. Install ROI Tracking code

Add this code to your checkout success template and populate <order id> and <order total> with the correct variables:

<script type="text/javascript">
AddShoppersConversion = {
        order_id: "<order id>",
        value: "<order total>"
};
var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#537f6ea1a387646759d37a67';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

3. Add Sharing Buttons

a. Add this code to your site CSS.

b. Include this stylesheet in your website header: 

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.0/css/font-awesome.min.css">

c. (Inline sharing buttons) Copy and paste this code wherever you want the sharing buttons to appear.

d. (Floating sharing buttons) Copy and paste this code into your global footer template.

4. Add Discovery Wall

Copy and paste this code where you want the Discovery Wall to appear:

<div id="AddShoppersWall"></div>

5. Add Share for Coupon to Cart Page

Copy and paste this code to the cart page where you want the Share for Coupon button to appear:

<div class="share-buttons share-buttons-panel" data-style="coupon"></div>