MVMP Labs
All posts

How to Track Webflow CMS Form Submissions Easily | Step-by-Step Guide

By Connor Finlayson3 min read

Track Webflow CMS form submissions by page name using a hidden embed field, Make.com webhooks, and Airtable. Includes multi-form filter setup.

How to Track Webflow CMS Form Submissions Easily | Step-by-Step Guide
Tools covered:
Airtable
Airtable
Webflow
Webflow
Make
Make

Here's a frustrating Webflow limitation: if you put the same form on 100 CMS template pages (blog posts, workshops, course landing pages), you can't natively see which page someone submitted from.

That matters when you want custom email replies, segmented nurture sequences, or accurate lead source tracking.

The fix: pass the CMS page name through a hidden field, then route submissions with Make.com to Airtable.

What You'll Need

  • A Webflow CMS collection with a form on the template page
  • A Make.com account
  • An Airtable base to store submissions

Step 1: Add a Hidden Field to Your CMS Form

Open your CMS template page and select the form element.

  1. Add a new item inside the form → search for Embed.
  2. Paste this hidden input snippet:
<input type="hidden" id="workshopName" name="workshopName" value="">
  1. Bind the value dynamically to a CMS field — typically the page Name field (or slug, title, whatever identifies the page).
  2. Critical: place the embed above the submit button. If it sits below the button, the value won't pass through.
  3. Name your form clearly (e.g. workshop-form) and give every input a clean name: first-name, last-name, email. Avoid auto-generated names like email-5.

Publish when done.

Step 2: Set Up the Make.com Webhook Trigger

In Make, create a new scenario:

  1. Add the Webflow module → choose Webhook (not the form module — you need instant firing).
  2. Connect your Webflow site and select Form Submission as the trigger event.
  3. Run the scenario once, then submit a test form on your live site.
  4. Confirm the webhook payload includes workshopName plus your other fields.

Step 3: Send Submissions to Airtable

Add an Airtable → Create a Record module after the webhook:

Webflow fieldAirtable field
EmailEmail
First nameFirst name
Last nameLast name
Workshop nameSource / Campaign name

For the date field, use Make's now variable so every submission gets a timestamp automatically.

Turn on Smart links for single-select or linked-record fields — if a new workshop name doesn't exist yet, Airtable creates it instead of throwing an error.

Turn the scenario on and submit another test. You should see the lead appear in Airtable with the correct page source.

Step 4: Handle Multiple Forms with Filters

Most sites have more than one form — newsletter, waitlist, workshop, course inquiry. Each needs its own path.

After the Webflow webhook module, add a filter on the route:

  • Field: form name
  • Condition: equals
  • Value: workshop-form (must match your Webflow form name exactly)

Duplicate the route for each form type with different filter values. This stops newsletter sign-ups from triggering your workshop workflow.

Optional Upgrades

Once the core flow works, chain additional modules:

  • MailerLite — add subscribers to the right list based on source
  • Slack — get notified when high-intent forms are submitted
  • Email — send a custom auto-reply referencing the page they came from

Key Takeaways

  • Webflow CMS forms can't natively track submission page — use a hidden dynamic field
  • Place the embed above the submit button or the value won't send
  • Use Make webhooks (not the form module) for instant triggers
  • Filter by form name when you have multiple forms on one site
  • Map the hidden page name to Airtable source/campaign fields for segmentation

Ready to learn more? Check out our Playbooks for step-by-step guidance.

View Playbooks

Continue Reading

Related Posts