Transient

AddShoppers Installation Guide

1. Social Analytics Installation

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

2. ROI Tracking Installation

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

Click here to check out our integration guide by platform.

<script type="text/javascript">
AddShoppersConversion = {
        order_id: <order id>,
        value: <order value>
};
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#4fc7d6755b3a4220c9000867';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

3. Code and images to host directly on your site

<!-- div tag to call floating button on the left -->
<div onclick="showAScsInt();" class="aspromo-float"></div>

<!-- add this to your main css file -->
.aspromo-float {
    width: 72px;
    height: 236px;
    position: fixed;
    left: 0px;
    top: 35%;
    background: url('https://s3.amazonaws.com/shoppe_images/4fc7d6755b3a4220c9000867/float-1.png');
    cursor: pointer;
}