Squarespace Integration

Placing custom code into Squarespace to track data back to Everflow.

peter kurjanowicz avatar
Written by peter kurjanowicz
Updated over a week ago

Overview

This guide will walk you through how to add code to Squarespace in order to track activity in Everflow. For more info from Squarespace on where to place the code - [Click Here].

Please note that you must have a Commerce or Business account with Squarespace to complete this integration.


Step #1

  • In Everflow, navigate to Offers - Manage, and then click on the Offer you want to add to Squarespace.

  • Confirm that Direct Linking is turned on and the Conversion Method is Javascript SDK, then copy the Click Script from the Tracking card.

Step #2

  • In Squarespace, navigate to the Home Menu > Settings > Advanced > Code Injection, and paste the Click Script from Step #2 into the Header section.

Step #3

  • Replace INSERT_TRACKING_DOMAIN with your domain into the Conversion Script below, which should match the domain used in the Click Script:

    <script type="text/javascript"
    src="https://www.INSERT_TRACKING_DOMAIN.com/scripts/sdk/everflow.js"></script>

    <script type="text/javascript">
    EF.conversion({
    aid: INSERT_ADVERTISER_ID,
    amount: {orderSubtotal},
    order_id: '{orderId}',
    email: '{customerEmailAddress}'
    });
    </script>
  • You also need to replace INSERT_ADVERTISER_ID with the Advertiser ID associated with the Offer. In this example, the Advertiser ID is 165.

In this example, the script would look like this:

<script type="text/javascript"
src="https://www.serve-eflow-test.com/scripts/sdk/everflow.js"></script>

<script type="text/javascript">
EF.conversion({
aid: 165,
amount: {orderSubtotal},
order_id: '{orderId}',
email: '{customerEmailAddress}'
});
</script>

Step #4

  • In Squarespace, add the Conversion Script to the Order Status Page section.

NOTE: The Order Confirmation Page is now ONLY used for Gift cards, subscription products and memberships after a recent update in Squarespace.

The Order Status Page has replaced the former Order Confirmation Page and should be used for standard purchases. Depending on the type of purchase, the code above may need to be placed on the Order Status Page which can be found by going to Settings > Advanced > Code Injection > ORDER STATUS PAGE section.

Step #5

  • After adding the code in Squarespace, click Save.

5.png


Did this answer your question?