Squarespace Referral Program Integration

Embed referral widgets and tracking on your Squarespace website to capture referrals directly from your site visitors.

Start Free Trial Book a Demo

Back to All Integrations

About Our Squarespace Referral Integration

Squarespace

JavaScript Snippet

Embed referral widgets and tracking on your Squarespace website to capture referrals directly from your site visitors.

What it does

Share | Track

What You Can Do with Squarespace

Squarespace is a website builder and e-commerce platform trusted by designers, small businesses, and online stores who want beautiful, polished sites without writing code. Referral Rock integrates with Squarespace on two levels: advocates can share their referral links directly from a portal page you embed on your Squarespace site, and referred visitors who complete a form or make a purchase are automatically tracked as referral conversions. Setup is lightweight, requiring a single JavaScript snippet added via Squarespace's Code Injection, plus an optional Code Block for the referral portal embed. A paid Squarespace plan is required to access Code Injection.

Install referral tracking site-wide with a single snippet via Squarespace Code Injection, no per-page configuration

Embed the referral sharing portal on any Squarespace page using a Code Block, giving advocates a branded place to share

Track referred Squarespace Commerce purchases and checkout completions as referral conversion events

Capture referred form submissions from Squarespace Forms and attribute each one to the advocate who sent the visitor

Automatically invite captured email addresses to join your referral program, turning every new contact into a potential advocate

How the Squarespace Integration Works

Add the Referral Rock snippet via Squarespace Code Injection

In your Squarespace dashboard, go to Settings > Advanced > Code Injection and paste the Referral Rock JavaScript snippet into the Header field. This activates referral tracking and the sharing portal across every page on your Squarespace site, no per-page edits, no developer needed.

Embed the referral sharing portal on a dedicated Squarespace page

Create a page in Squarespace (e.g., 'Refer a Friend') and add a Code Block where you want the referral portal to appear. Paste the Referral Rock portal embed code into the Code Block. Advocates who land on this page see their unique referral link, sharing buttons, and real-time reward status, all inside your Squarespace site.

Referral Rock tracks conversions from Squarespace forms and Commerce purchases

When a referred visitor submits a Squarespace form or completes a checkout in Squarespace Commerce, Referral Rock captures the conversion and attributes it to the advocate who sent the visitor. The tracking snippet reads the referral source from the browser session and logs the event against the correct advocate automatically.

Rewards issue automatically when a referred conversion is confirmed

Once a referred form submission or purchase meets your program's conversion criteria, Referral Rock triggers the reward. Gift cards, cash, discount codes, or any custom incentive you configure. Advocates see their updated balance in the portal the moment the reward posts, keeping them motivated to keep sharing.

Embed the referral portal directly on your Squarespace site

Squarespace's Code Block lets you drop HTML and JavaScript anywhere on a page, which means you can host the Referral Rock sharing portal right inside your Squarespace site, styled to match your design.

Add a Code Block to any Squarespace page and paste the Referral Rock portal embed to give advocates their referral link, sharing tools, and reward status in one place.
The portal inherits your Squarespace page's background and layout context, so it feels native to your site, not like a third-party widget bolted on.
Advocates can share to email, social media, or copy their unique referral link directly from the portal page, no friction, no redirect to an off-site dashboard.

Track Squarespace Commerce checkouts as referral conversions

For businesses running Squarespace Commerce, Referral Rock can attribute referred purchases to the advocate who sent the buyer. Every confirmed checkout becomes a tracked referral event.

The Referral Rock snippet placed in Code Injection runs on your Squarespace Commerce order confirmation page, logging the purchase as a referral conversion in real time.
Award referrers based on the sale amount, a flat commission, or any custom incentive structure your program uses. Squarespace Commerce order data flows directly into Referral Rock.
Works alongside your existing Squarespace Commerce product catalog, checkout flow, and Squarespace Email Campaigns without requiring changes to your store configuration.

Capture referred leads from Squarespace Forms

Any form built with Squarespace Forms, including contact forms, consultation requests, and newsletter signups, can serve as your referral conversion trigger. Referral Rock reads the submitted email and attributes the lead to the right advocate.

Referral Rock reads the email field from submitted Squarespace Forms and records the submission as a conversion attributed to the advocate who referred the visitor.
Form submissions from organic (non-referred) visitors can be automatically emailed a program invitation, turning every new lead into a potential advocate and keeping your referral loop running.
Works with any Squarespace form, including embedded contact forms, pop-up forms, and forms inside Cover Pages, using the same snippet installed in Code Injection.

One-time setup that works across your entire Squarespace site

Squarespace's Code Injection injects your snippet into the head of every page on your site, so referral tracking and sharing capability are live everywhere from the moment you save, with no per-page work.

Site-wide Code Injection means you never have to re-add the snippet when you publish new Squarespace pages or add new products to your Commerce store.
The Referral Rock snippet loads asynchronously, so it has no measurable effect on your Squarespace site's page speed or Google PageSpeed score.
Concierge Onboarding is available on every Referral Rock plan. Our team will walk you through Code Injection setup, portal embedding, and a full test conversion before you launch.

Squarespace Referral Integration — FAQ

The integration works in two parts. First, you add Referral Rock's JavaScript snippet to your Squarespace site via Settings > Advanced > Code Injection. This activates referral tracking site-wide. When a referred visitor arrives and completes a form or purchase, Referral Rock attributes the conversion to the advocate who sent them. Second, you can embed the referral sharing portal on a Squarespace page using a Code Block, giving advocates a branded place to access their referral link and sharing tools. Full step-by-step instructions are in the Squarespace integration documentation.

Yes. Referral Rock tracks Squarespace Commerce purchases as referral conversions by firing the tracking snippet on the order confirmation page. Referred purchases are attributed to the advocate who sent the buyer, and rewards can be issued based on the sale amount or a flat rate, whichever your program uses. No changes to your Squarespace Commerce store configuration are required.

In your Squarespace dashboard, go to Settings > Advanced > Code Injection. Paste the Referral Rock JavaScript snippet into the Header field and save. The snippet is now loaded on every page of your Squarespace site automatically. If you also want to embed the referral portal on a specific page, add a Code Block to that page and paste the portal embed code there.

Yes. Squarespace's Code Injection feature, required to install the Referral Rock snippet, is only available on paid Squarespace plans. It is not available on the free Squarespace trial. Any paid Squarespace hosting plan (Personal and above) includes Code Injection access.

The Squarespace integration is available on Referral Rock's Engage and Scale plans, which are designed for e-commerce and consumer app businesses. Visit the Engage pricing page or the Scale pricing page for plan details, or book a demo to discuss which plan fits your Squarespace setup.

Yes. You can embed the Referral Rock member portal on any Squarespace page using a Code Block. Create a page (such as 'Refer a Friend'), add a Code Block element, and paste the Referral Rock portal embed code. Advocates who visit that page will see their unique referral link, sharing buttons, and real-time reward status, all inside your Squarespace site without being redirected to a separate domain.

“Their integrations, their obsession to be on the leading edge of their niche, the overall customizability... All in all, I saved thousands by not needing to build an app or sign up for a long-term contract.”

Need help setting up?

Every Referral Rock plan includes dedicated onboarding support. Our team will help you configure the Squarespace integration and make sure everything is working perfectly. View the setup guide →