Webflow Referral Program Integration

Add referral tracking and sharing widgets to your Webflow site to capture and attribute referrals from your web visitors.

Start Free Trial Book a Demo

Back to All Integrations

About Our Webflow Referral Integration

Webflow

JavaScript Snippet

Add referral tracking and sharing widgets to your Webflow site to capture and attribute referrals from your web visitors.

What it does

Share | Track

What You Can Do with Webflow

Webflow gives designers and agencies full creative control over their sites, and Referral Rock fits right into that workflow. Adding a referral program is as simple as pasting the Referral Rock JavaScript snippet into your Project Settings once. From there, any Webflow form submission can be tracked as a referral conversion and attributed to the advocate who sent it, without touching your visual design or CMS structure.

Embed the tracking snippet once via Webflow Project Settings > Custom Code

Capture referred form submissions from any Webflow Form on any published page

Attribute every lead to the advocate who referred them, automatically

Track referral visits and conversions across your CMS-powered pages and landing pages

Issue rewards automatically when a referred visitor converts on your Webflow site

How the Webflow Integration Works

Paste the snippet in Project Settings > Custom Code

Copy the Referral Rock JavaScript snippet and paste it into the Head Code section of your Webflow Project Settings. It loads on every published page automatically, no per-page edits and no Webflow app required.

Connect your Webflow Forms to track conversions

Webflow's native Forms panel captures submissions on your site. Configure Referral Rock to listen for those form submissions, whether lead capture forms, contact forms, or any other form you drive referred traffic to, and record each one as a referral conversion.

Attribute every submission to the right referrer

When a visitor arrives through a referral link and fills out a form, Referral Rock automatically matches the conversion to the advocate who sent them. No manual reconciliation, no spreadsheet. Just clean attribution inside your dashboard.

Issue rewards automatically on conversion

Once a referred conversion is confirmed, rewards issue without any manual work. Gift cards, cash, discount codes, or custom incentives. Advocates see their reward status in their personal referral portal in real time.

One snippet, site-wide referral tracking

Webflow's Project Settings let you inject code into every page's head section without touching individual pages. Paste the Referral Rock snippet once and referral tracking is live across your entire published site, including CMS Collection pages.

Add the snippet under Project Settings > Custom Code > Head Code. It propagates to every published page automatically.
Works across static pages, CMS Collection pages (blog posts, portfolio items, product pages), and landing pages built in Webflow.
The snippet is lightweight and loads asynchronously. It won't affect your Webflow site's performance scores or Core Web Vitals.

Turn Webflow Forms into referral conversion events

Any form you build natively in Webflow can be a referral conversion trigger. Whether you're capturing demo requests, free trial signups, or newsletter leads, Referral Rock listens for those submissions and records them as program conversions.

Referral Rock reads the email field from submitted Webflow Forms and creates a referral record attributed to the referring advocate.
Any email address captured, even from visitors who didn't arrive via a referral link, can be automatically invited to join your referral program, creating a referral loop.
Works with standard Webflow Forms out of the box; no changes to your form design or Webflow logic needed.

Built for the designer and agency workflow

Webflow is the platform of choice for designers and agencies who want pixel-perfect sites without handing off to a developer. The Referral Rock integration respects that workflow. Setup is a copy-paste, not a custom build.

No Webflow app to install, no third-party plugin, no changes to your Webflow Designer canvas. The snippet lives in Project Settings where it belongs.
The referral member portal is fully brandable inside Referral Rock, so the experience clients and customers see matches the Webflow site you designed.
Concierge Onboarding is available on every plan. Our team will walk through the full setup with you or your client, including snippet placement and form connection.

A referral program that works alongside your Webflow CMS

Many Webflow sites are powered by CMS Collections, including blog posts, case studies, and resource libraries. Referral Rock can track referral traffic arriving through any of those pages, not just your home page or a dedicated landing page.

Referred visitors who land on any CMS Collection page are tracked from first click through to form submission or conversion.
Drive referred traffic to a dedicated Webflow landing page or use your existing high-converting pages. Both approaches work with the same snippet.
See which Webflow pages are generating the most referral conversions directly in your Referral Rock dashboard.

Webflow Referral Integration — FAQ

Go to your Webflow Project Settings, open the Custom Code tab, and paste the Referral Rock JavaScript snippet into the Head Code field. Publish your site and the snippet is live on every page automatically. Full step-by-step instructions are in our Webflow integration documentation.

Yes. Because the snippet is added at the project level in Project Settings, it loads on every published page, including CMS Collection pages like blog posts, portfolio items, or resource pages. Referred visitors who land on any of those pages are tracked from first click through to conversion.

No. The snippet is lightweight and loads asynchronously, meaning it won't block your page from rendering or affect your Webflow site's Core Web Vitals or Lighthouse scores. It runs in the background after the rest of your page has loaded.

Yes. This is the primary way the integration works. Referral Rock listens for Webflow Form submissions, reads the email field, and records the submission as a referral conversion attributed to the advocate who sent the visitor. Any email captured, even from non-referred visitors, can also be automatically invited to join your referral program.

Yes. The Custom Code section in Project Settings is only available on paid Webflow site plans (not the free plan). Any paid Webflow hosting plan unlocks the Custom Code field needed to add the Referral Rock snippet.

The Webflow integration is available on all paid Referral Rock plans. Every plan also includes dedicated onboarding support. Our team will walk you through snippet placement and form connection to make sure tracking is working correctly before you launch. See our pricing page for plan details.

“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 Webflow integration and make sure everything is working perfectly. View the setup guide →