All coursesForms
Extending beyond native forms
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Extending beyond native forms

How native forms, third-party forms, and integrations fit different workflows

Extending beyond native forms

How native forms, third-party forms, and integrations fit different workflows

Native Webflow forms follow a familiar cycle: someone submits a form, Webflow stores the submission, and your team follows up. That setup works well for many sites.

In other cases, forms connect to additional tools or use third-party setups, which changes where data lives and how follow-up happens.

Collecting and managing in Webflow

With native forms, Webflow acts as the central place for collecting, reviewing, and exporting submissions.

This approach is commonly used when:

  • The same fields and layout work well for all visitors who interact with or submit the form
  • Reviewing and exporting submissions from Webflow works well for your team
  • You can provide the right feedback with Webflow’s built-in success and error states
  • Notifications and spam handling support the team’s workflow

[IMG] Webflow canvas showing a native form on a page, followed by the same form’s submissions visible in Site settings.

Native forms are often a good solution for contact forms, simple lead forms, or feedback forms where the team checks submissions directly in Webflow.

Collecting in Webflow, then routing elsewhere

In some workflows, the form experience can remain unchanged, but submission data needs to be routed to, and processed or interpreted in other systems after it’s collected. Here, Webflow still collects the data, but other tools handle what happens next.

In this setup:

  • A user submits a Webflow form
  • Webflow stores the submission in Site settings
  • Another tool receives that data and handles follow-up actions

GIF [A Form block’s settings in Webflow showing the option to ‘Send to’ a Webhook or Custom Action.]

For example, a lead form might be designed and collected in Webflow, then routed into a CRM like HubSpot or Salesforce for sales follow-up. A support form might send submissions into a ticketing system, or trigger automated responses using tools like Zapier or Make.

Webflow remains the source of truth for submissions, while other tools support downstream workflows.

Form and submissions outside of Webflow

Some form experiences place more emphasis on interaction, flow, or conditional behavior than on simple collection. You might set up a form where questions change based on earlier answers, the form spans multiple steps, or the experience guides someone through a longer process.

In this setup:

  • The form is created and configured in an external tool
  • The tool provides embed code or a script
  • The embed is placed into the Webflow layout
  • Submissions are sent directly to the external system
Webflow canvas showing a Code Embed element containing a Google Form embedded within a page layout.

This approach often looks like using tools such as Typeform, Jotform, or HubSpot forms for multi-step experiences, surveys, or application flows. Webflow controls layout and placement, but the form itself, along with submission handling, validation, notifications, and storage, lives in the external platform.

Choosing a setup that fits your needs

Rather than thinking in terms of “native versus external,” it’s more useful to think about data flow and ownership.

A few practical questions help clarify the right setup:

  • Where should submissions be stored and reviewed?
  • Which system should trigger follow-up actions?
  • Who owns maintenance as requirements change?

It’s common for a single site to use more than one setup. One form might collect and manage submissions entirely in Webflow, while another routes data elsewhere or uses an embedded experience.

Almost there

Extending beyond native forms isn’t about replacing one approach with another. It’s about choosing a setup that aligns with how your forms work and how your team handles submissions afterward.

No items found.

1

Getting started

Getting started
Getting started
Coming soon

1

Getting started

What forms are in Webflow
3:00
What forms are in Webflow
Coming soon

1

Getting started

How submissions work
3:00
How submissions work
Coming soon

2

Design & build forms

Design & build forms
Design & build forms
Coming soon

2

Design & build forms

Build & style forms
Build & style forms
Coming soon

2

Design & build forms

Form layout & style
5:00
Form layout & style
Coming soon

2

Design & build forms

Fields & settings
4:30
Fields & settings
Coming soon

2

Design & build forms

Usability & accessibility
5:30
Usability & accessibility
Coming soon

3

Manage submissions & follow-up

Manage submissions & follow-up
Manage submissions & follow-up
Coming soon

3

Manage submissions & follow-up

Manage form submissions
Manage form submissions
Coming soon

3

Manage submissions & follow-up

Submission storage & review
5:00
Submission storage & review
Coming soon

3

Manage submissions & follow-up

Notifications, spam, & data basics
3:30
Notifications, spam, & data basics
Coming soon

4

Wrap up

Wrap up
Wrap up
Coming soon

4

Wrap up

Forms best practices
3:00
Forms best practices
Coming soon

4

Wrap up

Try it: build a form
15:00
Try it: build a form
Coming soon

4

Wrap up

Extending beyond native forms
3:30
Extending beyond native forms
Coming soon

4

Wrap up

Additional resources
2:00
Additional resources
Coming soon

Course progress

0%

Assessment

Up next

Additional resources

What to remember and how to keep learning
Complete & continue
Complete course