Squarespace

Integrating your Referral Rock program with your Squarespace Store is simple. We'll go step-by-step through the setup needed to provide referrals with coupons for use in your Squarespace store and to track referral purchases.

This article references Referral Rock's Classic Landing page. If you are using our new Referral Page Web Page builder, please reference this article for instructions for how to build out a landing page.

Setting Up a Static Squarespace Coupon Code for Referrals

Step 1: Follow these instructions to create a coupon code in Squarespace. Squarespace gives you plenty of options for customizing coupon code behavior in your store, so spend some time setting up the coupon just the way you want! After you save the coupon, take note of the code that you created.

Step 2: Now that you have a coupon code that works in Squarespace, it's time to put it into Referral Rock. 

  1. In your program editor, navigate to the Referral Page or click here and choose Landing for Referral Capture. 
  2. In Page > Layout Options, click Yes under Display a code to referral, click Static Code, and then paste your Squarespace code into the box below. 

You'll want to spend some time customizing the landing page to make it perfect. The goal of the landing page is to give referrals a quick overview of your business, provide them with the static coupon code, and then pass them on to your store via the CTA button.

Referral Conversion Tracking in Squarespace

The next step in setting up Referral Rock to work with Squarespace is tracking conversions on your store. This will tell us which referral purchased from your store, the dollar value of their purchase, and who the member was that referred them so that you can reward that member. 

  1. Navigate to your Squarespace Dashboard.
  2. Click Settings > Advanced > Code Injection from the menu.
  3. Enter your Squarespace Event Script (example below) in the Order Confirmation Page box at the bottom.
  4. Hit Save.

Squarespace Example Event Script

The following script is an example only. You must replace "example" with your account's name which can be found here before the closing </script> tag.
<script type="text/javascript">
window.rrSpace = (
rrSettingsConversion = {
debug: "false",
parameters: {
externalidentifier: "{orderId}",
email: "{customerEmailAddress}",
amount: "{orderSubtotal}"
}
}
);
(function (f, r, n, d, b, y) { b = f.createElement(r), y = f.getElementsByTagName(r)[0]; b.async = 1; b.src = n; b.id = 'RR_DIVID'; y.parentNode.insertBefore(b, y); })(document, 'script', '//example.referralrock.com/webpixel/beta/universalv03.js');
</script>

Automating Referral Approval in Referral Rock

Back in Referral Rock, you'll want to ensure that referrals are automatically approved.

  1. In the Program Editor > Referral or click here > Conversion Settings > Settings
  2. Click the Yes box under Automatically approve referral? 
  3. When you create member rewards, ensure you are using the Approved Referral Status as the event trigger for the reward. 


How did we do?

Powered by HelpDocs

Powered by HelpDocs