Change the name of a Webflow form | Tutorial

Tutorial
March 20, 2023
3 min
Webflow tutorial with screenshot of form settings
Key points

Give custom names to your various forms on your Webflow site for numerous benefits! For instance, you can:

  1. Know from which page the user contacted you.
  2. Trigger actions (marketing automations) with Zapier when a specific form is filled out.
  3. Keep your Webflow site well-organized.

The step-by-step tutorial

1 - Select the form

Click on the form element (identified by its icon in the Navigator) to properly select the form.

Selecting a form in a Webflow project
Selection of a Form element (HTML)

2 - Open the "settings"

Once the parent element of the form is selected, you can open the settings in three different ways:

  • By pressing the Enter key
  • By clicking on the small ⚙️ icon
  • By pressing the D key (keyboard shortcut)
Webflow form settings
Open Webflow form settings

⚠️ To change the name of a specific field (e.g., name, email, phone, etc.), double-click on any element within the form block to open the settings panel for that field. You can also access the settings by selecting an element and pressing the Enter key.

Modifying a name field in a Webflow form
⚠️ Unique field, different from the form name

3 - Change the name of your form

In the forms blocks settings → field Name → Write the name of your form here

Changing the name of a Webflow form to: Digidop Tutorial

⚠️ Do not confuse this with the ID. The ID serves to name the element for creating links on your site.

4 - Verify the customization

To check that the form name change has been successfully executed, I recommend performing this small test.

  1. Publish your site
  2. Fill out and submit the form
  3. Go to your Webflow project settings → "Forms" tab
  4. Section: Form Submission Data
  5. Check that the form name is indeed customized ✅
Webflow form with customized data

Conclusion

And there you go, you now know how to change the name of a Webflow site form. This customization is very useful for keeping a Webflow site well-organized.

Bonus organization tip: you can give the same name to multiple identical forms. This is particularly handy if you, for example, want to create an automation for sending a whitepaper from a pop-up on your website.

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

black and white photo of a digital marketing expert from behind presenting a communication project on his computer to a customer.
News
SEO

The 10 Best Digital and Communication Agencies for Finance Professionals in 2025

The 10 Best Digital and Communication Agencies for Finance Professionals in 2025
2025 SEO Stats
Documentation
SEO

SEO Trends 2025: 20 Stats to Boost Your Search Rankings

SEO Trends 2025: 20 Stats to Boost Your Search Rankings
A 3D shiny diamond with “Site of the Day” written in the background and four awards displayed in the front.
Storytelling
Digidop

Awards & Distinctions: Digidop.com recognized by Prestigious Organizations

Awards & Distinctions: Digidop.com recognized by Prestigious Organizations

Want to turn your website into your most valuable asset?

Contact us today