⭠ all tutorials

Referral marketing program

Available for Unlimited All Access members only

Get access

For every person that subscribes to our newsletter (or product), we want to automatically create a landing page in Webflow where they can refer others. That page should:

  • Unique to every user
  • Autofill the email
  • Track the number of people that have been referred
  • Include a link so we can track number of referrals

The full tutorial is available for pro members only

Request access

In part 1, we set up everything except tracking referrals.

Setting up Airtable and Webflow

  • [x]  Set up Webflow CMS
  • [x]  Setup Airtable base
  • [x]  Setup Zapier to send subscribers to Airtable + Create CMS item
  • [x]  Create new page for each new subscriber
  • [x]  Custom Code to input referral link
  • [x]  Custom Code to input email

In part 2, we add in tracking who's referred whom using a ?ref parameter and Airtable's recordID.

Tracking referrals

  • [x]  Capturing referral parameter on homepage
  • [x]  Airtable notes
  • [x]  Zapier setup

Resources

Project link where you'll find all custom code

Try it live!

Some things to know

  • Updating the referral count requires you to add the CMSid in Airtable and then update the CMS item
  • Webflow CMS URLs are case sensitive, everything must be lowercase (use slug when linking to referral pages)
  • The lookup for the recordID is also case sensitive:
  • Always use ?ref=RECORDID not ?ref=SLUG for the referral parameter

For every person that subscribes to our newsletter (or product), we want to automatically create a landing page in Webflow where they can refer others. That page should:

  • Unique to every user
  • Autofill the email
  • Track the number of people that have been referred
  • Include a link so we can track number of referrals

In part 1, we set up everything except tracking referrals.

Setting up Airtable and Webflow

  • [x]  Set up Webflow CMS
  • [x]  Setup Airtable base
  • [x]  Setup Zapier to send subscribers to Airtable + Create CMS item
  • [x]  Create new page for each new subscriber
  • [x]  Custom Code to input referral link
  • [x]  Custom Code to input email

In part 2, we add in tracking who's referred whom using a ?ref parameter and Airtable's recordID.

Tracking referrals

  • [x]  Capturing referral parameter on homepage
  • [x]  Airtable notes
  • [x]  Zapier setup

Resources

Project link where you'll find all custom code

Try it live!

Some things to know

  • Updating the referral count requires you to add the CMSid in Airtable and then update the CMS item
  • Webflow CMS URLs are case sensitive, everything must be lowercase (use slug when linking to referral pages)
  • The lookup for the recordID is also case sensitive:
  • Always use ?ref=RECORDID not ?ref=SLUG for the referral parameter

For every person that subscribes to our newsletter (or product), we want to automatically create a landing page in Webflow where they can refer others. That page should:

  • Unique to every user
  • Autofill the email
  • Track the number of people that have been referred
  • Include a link so we can track number of referrals

In part 1, we set up everything except tracking referrals.

Setting up Airtable and Webflow

  • [x]  Set up Webflow CMS
  • [x]  Setup Airtable base
  • [x]  Setup Zapier to send subscribers to Airtable + Create CMS item
  • [x]  Create new page for each new subscriber
  • [x]  Custom Code to input referral link
  • [x]  Custom Code to input email

In part 2, we add in tracking who's referred whom using a ?ref parameter and Airtable's recordID.

Tracking referrals

  • [x]  Capturing referral parameter on homepage
  • [x]  Airtable notes
  • [x]  Zapier setup

Resources

Project link where you'll find all custom code

Try it live!

Some things to know

  • Updating the referral count requires you to add the CMSid in Airtable and then update the CMS item
  • Webflow CMS URLs are case sensitive, everything must be lowercase (use slug when linking to referral pages)
  • The lookup for the recordID is also case sensitive:
  • Always use ?ref=RECORDID not ?ref=SLUG for the referral parameter

You must be a member to view the full lesson

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

In part 1, we set up everything except tracking referrals.

Setting up Airtable and Webflow

  • [x]  Set up Webflow CMS
  • [x]  Setup Airtable base
  • [x]  Setup Zapier to send subscribers to Airtable + Create CMS item
  • [x]  Create new page for each new subscriber
  • [x]  Custom Code to input referral link
  • [x]  Custom Code to input email

In part 2, we add in tracking who's referred whom using a ?ref parameter and Airtable's recordID.

Tracking referrals

  • [x]  Capturing referral parameter on homepage
  • [x]  Airtable notes
  • [x]  Zapier setup

Resources

Project link where you'll find all custom code

Try it live!

Some things to know

  • Updating the referral count requires you to add the CMSid in Airtable and then update the CMS item
  • Webflow CMS URLs are case sensitive, everything must be lowercase (use slug when linking to referral pages)
  • The lookup for the recordID is also case sensitive:
  • Always use ?ref=RECORDID not ?ref=SLUG for the referral parameter

Get help and discuss

Open community forum

Related lessons

Selling digital products with Gumroad with Notion & Super
Integrating MemberSpace with Super & Circle for SSO, gated content, and paid communities
Integrating Circle with Super & Notion
Setting up Super with Notion
Collecting recurring payments with involve.me
Collecting one time and recurring payments with involve.me
Calculating custom prices with involve.me
Making a calculator with involve.me
What is involve.me?
Marketing automation with Palabra, Bubble and Segment
How to setup a members-only Circle community (without a website) in Memberspace
How to integrate Circle (community forum) with Memberspace
Create Interactive Content with Outgrow
Target specific pages with a chatbox using Olark
Send emails from Airtable
Monitor content distribution on Twitter
Create a Welcome Bot in Slack
Dynamically Create Webinar Pages in Webflow
Create a social content scheduling workflow
Automating Newsletter Content in Mailchimp
Find and upload Instagram videos from by hashtag
Typeform - the basics
Rank blog posts in Webflow by pageviews
Logic-based lead forms in Typeform
Dynamically generate Google Docs
Dynamically generate Google Slides
Weekly email digest of interesting links with Zapier
Automate + qualify your lead generation with Standard Library
Sentiment analysis of Instagram comments with Parabola
Subscription powered community like Patreon with Adalo
Send SMS Surveys with Twilio + Airtable on Standard Library
📖 Visit your favourite blogs & save posts for later with Shortcuts
Automatically post content to Hacker News
Monitor and save posts from Reddit
Simple multiple-step form with Boundless
Build a Mail Merge with Airtable, Gmail, and Standard Library.
How Superhuman Built an Engine to Find Product/Market Fit
How to create a SaaS website, CMS landing page & blog
How to automatically feed data to google sheets
Export data from MySQL into a CSV in Google Sheets
Automatically get data from Mailchimp to your CRM
Creating an event check-in app
Enroll new users when they purchase
Browse all →

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.