Shift4Shop

Integrating your Referral Rock program with Shift4Shop is simple. We'll go step-by-step through the setup needed to track referral purchases.

Setting up the Referral Redirect Page

1. Navigate to Program Editor > Share or click here
2. Under Referral Destination, select Change Destination
3. Make sure the Webpage Redirect option is selected and enter the URL to the page where your Gravity Form is hosted.

Referral Conversion Tracking in Shift4Shop

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

1. Log in to your Shift4Shop Store Manager.

2. On the menu on the left-hand side of the screen, select Content.

3. Select Titles and Content from the dropdown.

4. On the Titles and Content Page, scroll down to the Main Pages section of the screen.

5. Select Checkout #4.

6. Scroll down to the bottom of the screen and paste your Shift4Shop Event Script (example below) into the Footer textbox.

7. Hit Save.

Shift4Shop Example Event Script

<script type="text/javascript">
  window.rrSpace = (
    rrSettingsConversion = {
      debug: "false",
      parameters: {
           externalidentifier: "[invoice-prefix] [invoice-number]",
           firstname: "[ofirstname]",
           lastname: "[olastname]",
           email: "[oemail]",
           phone: "[ophone]",
           amount: "[total]"
      }
    }
  );
  (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>

❗️

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.