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; = 'AddShoppers';
js.src = ('https:' == document.location.protocol ? '' : '') + 'widget_async.js#51818ee0a38764244bcc5f2c';

2. Install ROI Tracking code

Add this code to your checkout success page (this is the success.phtml file in your template, please note it may be located in the "persistent" folder also):

$order = Mage::getModel('sales/order')->loadByIncrementId(Mage::getSingleton('checkout/session')->getLastRealOrderId()); 
$amount = number_format($order->subtotal,2); 
<script type="text/javascript">
AddShoppersConversion = {
        order_id: '<?php echo $this->getOrderId(); ?>',
        value: '<?php echo $amount; ?>'
var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; = 'AddShoppers';
js.src = ('https:' == document.location.protocol ? '' : '') + 'widget_async.js#51818ee0a38764244bcc5f2c';

3. Add Purchase sharing to your success.phtml page:

At the very bottom of your success.phtml file (the same one you modified in step 2) you can paste this code below. Please note you can modify any of the information in quotes such as the header, image, url, name, and description. This is what info will be shared out on a users wall.

<script type="text/javascript">
AddShoppersTracking = {
    auto: true,
    header: "Thank you for your Purchase!",
    image: "",
    url: "",
    name: "Just4MyPet",
    description: "Share us with your friends!"

4. Add Sharing Buttons

a. Add the CSS below to your theme's CSS file (typically located in: skin/frontend/default/YOURTHEME/css/styles.css).

/* AddShoppers Custom Buttons */
#floating-buttons * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
#floating-buttons {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: fixed;
    top: 30%;
    left: 0px;
    padding: 5px;
    background: rgba(0,0,0,.05);
    border-radius: 3px;
    z-index: 10;
#floating-buttons li {
    width: 32px;
    height: 32px;
    margin: 5px 0px;
    border-radius: 11px;
    background-color: #27aae1 ;
    background-image: url('');
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
#floating-buttons li:first-child {
    margin-top: 0px;
#floating-buttons li.last {
    margin-bottom: 0px;
#floating-buttons li.twitter-32 {
    background-position: -96px 0px;
    background-color: #75c5fc ;
#floating-buttons li.twitter-32:hover {
    background-position: -96px -32px;
#floating-buttons li.facebook-32 {
    background-position: -32px 0px;
    background-color: #4666bf ;
#floating-buttons li.facebook-32:hover {
    background-position: -32px -32px;
#floating-buttons li.pinterest-32 {
    background-position: -160px 0px;
    background-color: #e24146 ;
#floating-buttons li.pinterest-32:hover {
    background-position: -160px -32px;
#floating-buttons li.kabbodle-32 {
    background-position: -128px 0px;
    background-color: #db0000 ;
#floating-buttons li.kaboodle-32:hover {
    background-position: -128px -32px;
#floating-buttons li.polvore-32 {
    background-position: -192px 0px;
    background-color: #363636 ;
#floating-buttons li.polvore-32:hover {
    background-position: -192px -32px;
#floating-buttons li.stumbleupon-32 {
    background-position: -224px 0px;
    background-color: #ea4b24 ;
#floating-buttons li.stumbleupon-32:hover {
    background-position: -224px -32px;
#floating-buttons li.tumblr-32 {
    background-position: -256px 0px;
    background-color: #6b879f ;
#floating-buttons li.tumblr-32:hover {
    background-position: -256px -32px;
#floating-buttons li.wishpot-32 {
    background-position: -288px 0px;
    background-color: #98b51f ;
#floating-buttons li.wishpot-32:hover {
    background-position: -288px -32px;
#floating-buttons li.linkedin-32 {
    background-position: -320px 0px;
    background-color: #0274b3 ;
#floating-buttons li.linkedin-32:hover {
    background-position: -320px -32px;
#floating-buttons li.wanelo-32 {
    background-position: -382px 0px;
    background-color: #fdd932 ;
#floating-buttons li.wanelo-32:hover {
    background-position: -382px -32px;
#floating-buttons {
    background-position: -416px 0px;
    background-color: #f47e54 ;
#floating-buttons {
    background-position: -416px -32px;
#floating-buttons {
    background-position: -64px 0px;
    background-color: #d95433 ;
#floating-buttons {
    background-position: -64px -32px;
#floating-buttons {
    background-position: 0px 0px;
    background-color: #a1d559 ;
#floating-buttons {
    background-position: 0px -32px;
#floating-buttons li.button-tag {
    line-height: 12px;
    max-width: 36px;
    padding: 6px 4px;
    height: auto;
    color: #fff;
    font-family: "Arial", sans-serif;
    background-image: none;
    width: auto;
    font-size: 13px;
    border-radius: 3px;
    cursor: default;
    margin-bottom: 10px;
#floating-buttons li.button-tag:after {
   content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #27aae1  transparent transparent transparent;
    top: 29px;
    left: 18px;
/* END AddShoppers Custom Buttons */

b. Add this div tag to your footer (typically located in: app/design/frontend/default/YOURTHEME/template/page/html/footer.phtml): 

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


5. Add Discovery Wall

a. First you will need to login to your Magento Admin and go to "CMS" -> "Pages" and click [Add New Page]

b. You can set whatever you want for the page title and we recommend using "trending" as the url key.

c. Copy and paste this code below in the "content" section (please note that you will need to hide the wysiwyg editor if its on by default) then click "save":

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

6. Add Social login to your store:

This is the most complex installation. We have an instructions document and all code needed on our github page here: which will guide you through the install. If you are able to give us FTP and Admin access we can perform the install for you within 15 minutes.