UNICEF Market Installation Guide

1. Install Social Analytics code

Simply copy and paste the code below into your footer (similar to Google 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#55a41898a387640ad99883f4';
document.getElementsByTagName("head")[0].appendChild(js);
</script>

2. Install ROI Tracking code

Simply copy and paste the code below into your "Checkout Success" or "Thank You" page template. You'll be able to see this working as soon as an order comes in. IMPORTANT: Make sure to replace <order id> and <order value> with the actual variables utilized through the NOVICA platform. The values vary per platform, but usually it is a similar syntax and we can just copy and paste over the two placeholders.

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

3. Floating Sharing Buttons Installation

In your AddShoppers dashboard, go to Apps > Sharing Buttons. From the floating tab, select details such as which networks to include, position, color, etc. Once you have the design configured, simply click "Push it Live" and they will be published to your live website. (The Social Analytics code allows us to push this app live without adding any additional code to the site).

4. Purchase Sharing Installation (Auto/Manual Options)

In your AddShoppers dashboard, go to Apps > Purchase Sharing. Simply fill out the form with your customized Purchase Sharing message. Click the preview button to see what the live modal will look like. Click "Push it Live" when it is fully configured. You also have the option to copy and paste the code below, and modify the message between the quotes. 

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

5. Add Product Schema tags (Optional) 

Tag your product pages with Product Schema code.

6. Add Share for Coupon button to cart page (Optional)

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"></div>