Installation Guide

1. Install Social Analytics code

Copy and paste into the 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#XXXXX';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

2. Install ROI Tracking code

Copy and paste the following code into your checkout success page.

<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#XXXXXXXX';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

3. Add sharing buttons

Floating buttons: Copy and paste this code into the global footer template:

<div class="share-buttons share-buttons-tab" data-buttons="facebook,twitter,pinterest,google,email" data-style="big" data-counter="true" data-hover="false" data-promo-callout="true" data-float="left"></div>

Inline buttons: Copy and paste this code where you want the sharing buttons to show up:

<div class="share-buttons share-buttons-panel" data-style="small" data-counter="true" data-oauth="true" data-hover="true" data-promo-callout="left" data-buttons="twitter,facebook,email,pinterest"></div>

4. Discovery Wall Installation

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

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

5. Purchase Sharing Installation

Copy and paste the following code into your checkout success page:

<script type="text/javascript">
        AddShoppersTracking = {
            auto: true,
            header: "**Header Text**",
            image: '**Image URL**',
            url: '**URL**',
            name: '**Name/Title**',
            description: '**Description**',
        }    
    </script>

6. Add Product Schema tags

Tag your product pages with Product Schema code.

7. Add Share for Coupon button to cart page

Copy and paste the following code into the cart page template by the coupon code box:

<div class="share-buttons share-buttons-panel" data-style="coupon" data-counter="true" data-oauth="true" data-hover="true" data-promo-callout="left"></div>

8. Install Refer a Friend

a. Configure your Refer a Friend setting in your AddShoppers dashboard under Apps > Enhance > Refer a Friend.

b. Add a new CMS page.

c. Copy and paste the following code into the HTML editor for that page:

<div id="AddShoppersRefer"></div>