AddShoppers Installation Guide

1. Social Analytics Installation

This code powers our entire platform and every app.  Using this code we can deploy floating share buttons, social rewards, exit rewards, and any other app from the AddShoppers platform.

Copy and paste this code into your global footer template:

<!-- Start AddShoppers Social Analytics -->
<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#53f3b61fa38764776b2bf7df';
document.getElementsByTagName("head")[0].appendChild(js);
</script>
<!-- End AddShoppers Social Analytics -->

2. ROI Tracking Installation

This code powers the ROI tracking so we can pass back order ID information.

Copy and paste the following code into your checkout success template, then replace <order id> and <order value> with the correct order variables. 

<script type="text/javascript">
AddShoppersConversion = {
        order_id: <order id>, // replace <order id> with your Order ID variable
        value: <order value>  // replace <order value with your Order Value variable
};
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#53f3b61fa38764776b2bf7df';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

3. Sharing Button Installation

This code powers the sharing buttons that are embedded into the product detail pages.

Copy and paste the following code into your product page template where your current sharing buttons are:

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

4. Promo HTML tags installation

This code powers the Social Contests

Copy and paste the following code into your promotion page template:

*NOTE: (Please make sure that the AddShoppers code from step 1 is also on this promo page.)

<iframe class="as-contest-frame" id="as-contest-frame" src="http://i.addshoppers.com/merchants/deseret/promo.php" allowfullscreen="" width="100%" height="100%"></iframe>
<div class="as-contest-div"></div>