Page Comparison

An opportune moment to promote your referral program is immediately after a customer makes a purchase on your site. The customer is present, you’ve got their attention, and they’re excited about their new purchase, so it’s an ideal time to prompt them to share some of that positivity with their friends.

This moment is often referred to as post-purchase, and in addition to being a great opportunity to present the widget, it also allows the widget to gather record your customers' order information and track transactional conversions. This information can be used for tracking influencer goals as well as a means of rewarding them later on in the form of a refund on their original purchase.

Depending on what service you’re installing ICS on, the The process to get the widget on the order confirmation page might be vary a bit different. Here are some depending on where you’re installing ICS, but here are instructions for the most common ones:

...

1. Access the admin of your Shopify site and click Settings

2. In Settings, navigate to the Checkout section

3. Scroll to the sectionnear the bottom of the page called Additional scripts

4. Paste following script into the Order status page text area and Save (Make Making sure to replace the publicKeyand campaignID with your own)

<script>
//
    window.onIcsLoaded = function() {
      ICS.init({
        version: 'latest',
        publicKey: 'replace this with your public key',
        campaignId: 'replace this with your campaign id',
        data: {
        	accountId: '{{checkout.customer.id}}',
        	email: '{{checkout.email}}',
            name: '{{checkout.customer.first_name}} {{checkout.customer.last_name}}',
        	phoneNumber: '{{checkout.customer.phone}}',
            orderId: '{{checkout.order_number}}',
            revenue: '{{order.subtotal_price | money_without_currency}}',
            transactionId: '{{transactions[0].receipt.transaction_id}}'
      	},
        variables: {},
        theme: {},
        behavior: {
            type: 'referral',
            flavor: 'modal',
            openByDefault: true,
      	}
      });
  };

</script>
<script async defer crossorigin="anonymous" src="https://js.icecreamsocial.io/sdk.js" />

...