Support Center

Follow

ICS: BigCommerce Integration Instructions

 

 

  1. Once you are in your store management dashboard, click on the “Storefront” tab.

 

 

2. Once you are in the “Storefront” setting, click on “Script Manager” tab. 

 

3. Click on the “Create a Script” button.

 

4. Enter an appropriate name and description for the script

  • Set location on page to “Head”
  • Set select pages where the script will be added to “Order confirmation”
  • Set script type to “Script” 

 

5. Copy and paste the following ICS script to script contents input box. See “ICS Quickstart Guide” for more information on how to customize ICS script further.

 

*important field. These should be enclosed in single quotes

campaignId : this number should match the campaignId on ICS admin. If you want to run a different campaign on order confirmation, you should change this value.

publicKey : universal whitelisted publicKey is d49bcd55f6954e86ab91730a5ea87d04 but an affiliate user can create and assign a unique one for each client from the ICS admin page.

 

 

<script>

fetch('/api/storefront/order/{{checkout.order.id}}', {credentials: 'include'})

    .then(function(response) {

    return response.json();

    })

    .then(function(myJson) {

    var order = myJson;

   

    (function(i,s,r,publicKey,campaignId,a,m,frame,bodyChild){

        i['IceCreamSocialObject'] = r;

        i[r] = i[r] || function(){( i[r].q = i[r].q||[]).push(arguments)},   i[r].l = +new Date();

        a = s.createElement('script'), m = s.scripts[0];

        a.async = a.src = 'https://app.icecreamsocial.io/js/ics.js';

        m.parentNode.insertBefore(a,m);

        frame = s.createElement('iframe'), bodyChild = s.body.firstChild;

        frame.src = 'https://app.icecreamsocial.io/?campaignId='+campaignId+'&publicKey='+publicKey;

        frame.id='SocialIframe', frame.style.cssText = 'position:fixed;height:0%;width:0%;z-index:9999;border: 0';

        bodyChild.parentNode.insertBefore(frame,bodyChild);

    })(window ,document ,'ics', publicKey, campaignId);

 

    ics('addTransaction', {

        locale: 'en-US',

        orderId: order.orderId,

        email: order.billingAddress.email,

        revenue: order.orderAmount,

 

        // the following items are optional

        name: order.billingAddress.firstName + ' ' + order.billingAddress.lastName

        productName: '{{ order.line_items.first.title }}',

        productUrl: '{{ order.line_items.first.url }}'

    });

});

</script>

 

6. Click "Save" and you are good to go!

 

7. Once the ICS script is activated, the ICS widget will pop up on the order confirmation page as shown below. You may wrap ICS script in conditional statements to only trigger if desired conditions of the purchases are met.

0 Comments

Please sign in to leave a comment.