Join Makerpad today

Makerpad is home to over 9,000 folks. Access members-only content, build real projects & get expert support
Tutorials
/
🎟 Referral marketing program

🎟 Referral marketing program

Link to Demo

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

You must be a member to view the full lesson

Join Makerpad today

Makerpad is home to over 9,000 folks. Access members-only content, build real projects & get expert support

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

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

Ready to get started?

Join the community and start turning your ideas into solutions