Javascript Integration

Before Starting:

1. Javascript Integration requires experience in programming. If you are not a developer, either consult one or try Email Integration. Unfortunately, we do not provide debugging support for this.
 2. Check that dynamic checkout variables are available on your eCommerce store's platform.

Javascript Integration

Customize and insert the purchase and referral tracking code into your purchase complete page just before the </body> tag. Refer to the screenshot below:

The JavaScript snippet contains two parts: an HTML div element that contains invoice information and a script element. The code snippet will also require you to specify your App ID and Secret Key.

The App ID and Secret Key are in the "Plugin tokens" section of your profile page.

You must replace the following dummy fields in the code snippet with dynamic checkout data from your store platform:

  1. data-fname: Customer First Name
  2. data-lname: Customer Last Name
  3. data-email: Customer Email Address
  4. data-amount: Invoice Amount
  5. data-currency: Invoice Currency (3 letter code)
  6. data-timestamp: Purchase Timestamp (UNIX time)
  7. data-external-reference-id: Invoice Number
  8. data-signature: Calculated from the MD5 digest of a string containing the email address, first name, invoice amount, order timestamp, and secret key (in that order) separated by commas. Please double check that this is done properly otherwise it will result in a checksum error.

Note: The MD5 signature is calculated based on the following items: MD5(EMAIL,FIRST_NAME, INVOICE_AMOUNT,TIMESTAMP,ACCOUNT_SECRET)

Here's a worked example for your reference:



If you have the following invoice, 

Name: John Smith


Invoice Amount: USD$10.20

Order Timestamp (in UNIX time): 1396927808

In this example, MD5(",John,10.20,1396927808,THISISMYKEY") = eacb54f62a2d989bed54d02f4a171e94

The corresponding div element should therefore be: 

<div id="refcandy-mint" data-app-id="THISISMYID" data-fname="John" data-lname="Smith" data-email="" data-amount="10.20" data-currency="USD" data-timestamp="1396927808" data-locale="en" data-signature="eacb54f62a2d989bed54d02f4a171e94"></div>

Does my integration work?

You pasted your tracking code on your site and want to know if your integration is working. Here's how you can test your integration:

1. First, make a test purchase at your store and look for these signs:

a. Does the purchase show up on your Purchases and Referrals page?
If there is no purchase on the page, it means that we couldn't detect purchases and referrals on your site.
Looking at Checksum Errors might help you to troubleshoot.

b. Are there checksum errors?
Go to your Dashboard and check under My Store to see if you have the Checksum Error page.
If you do not have it, it means either that the purchases are being tracked correctly, or you have not sent any purchases to us.

If you have a Checksum Error page appear, it means that there are errors in your tracking code. This might mean that you have not put the tracking code correctly on your site, or there may be a checksum error.

For example, the screenshot below shows that we did not receive the "First name" field from your tracking code.

2. Second, make a test referral

a. Activate your referral program
b. Invite yourself as an advocate (See our guide on invite advocate)
c. Share your invite link with a friend (It could be someone from your team, who will access the link from a different device)
d. The referred friend uses the invite link to make a purchase at your store
e. The referred purchase should meets the criteria for a reward. The referred friend should not use the same name and email address as the your test advocate.

After 12 hours, if this purchase showed up on the Purchases and Referrals page as a referred purchase, your integration is completed.

If the purchase does not show up, follow this guide to Troubleshoot your referral detection.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.