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

A woman speaks on stage at a conference, wearing a headset microphone. Behind her, a large black screen displays the question “What then?” in bold white text.
Events
Webflow

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.
Visual overview of several modern web typefaces in 2025, each displayed on a vibrant background: Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, and more — a graphic composition highlighting typographic diversity.
Documentation
Design

The 20 Best Fonts for a Modern and Impactful Website in 2025

The 20 Best Fonts for a Modern and Impactful Website in 2025
Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

Want to turn your website into your most valuable asset?

Contact us today