How to Change Form Names in Webflow

Changing form names in Webflow is essential for keeping your projects organized and ensuring that your forms are easily identifiable when integrating with tools like Form Connector App. Here's a step-by-step guide to help you through the process.

Step 1: Accessing Your Webflow Project

1. Log into Webflow: Start by logging into your Webflow account and opening the project where your form is located.
2. Navigate to the Designer: Click on the project and then click on the "Designer" button to open the Webflow Designer interface.

Step 2: Selecting the Form

1. Locate Your Form: In the Designer interface, use the Navigator panel on the left to find and select the form you want to rename.
2. Select the Form Element: Click on the form element in the Navigator or directly on the canvas to highlight it.

Step 3: Renaming the Form

1. Open Element Settings: With the form selected, go to the Settings panel on the right (You can also click the gear icon).
2. Change the Form Name: In the Settings panel, find the "Form Name" field. Click on it to edit the name and enter the new name for your form.
3. Save Changes: Once you’ve entered the new name, simply click outside the field to save the changes automatically.

Step 4: Publish Your Changes

1. Publish Your Site: After renaming the form, click the "Publish" button in the top-right corner of the Webflow Designer to publish your changes.

Step 5: Verify in Form Connector App

1. Check in Form Connector App: Open the Form Connector App and verify that the new form name appears correctly. If it doesn’t show up immediately, you might need to refresh the list of forms within the app.

Tips

• Naming Conventions: Use clear and descriptive names for your forms to make them easily identifiable, especially when you have multiple forms on a single project.
• Keep It Consistent: Maintain a consistent naming convention across all your forms for better organization and integration.

Additional Resources

For more detailed instructions and visual aids, refer to the Webflow University or check out specific tutorials on managing forms in Webflow.

Conclusion

Renaming forms in Webflow is a straightforward process that helps keep your projects organized and ensures smooth integration with the Form Connector App. If you encounter any issues, feel free to consult Webflow's support resources or reach out to our support team for assistance.

Happy designing!

FAQ

Q: Why should I rename my forms in Webflow? A: Renaming forms helps keep your project organized and ensures that forms are easily identifiable when integrating with other tools.

Q: Does my Webflow site need to be published for the changes to take effect?
A: Yes, your Webflow site needs to be published at least to staging for the changes to be reflected in the Form Connector App.

Q: What if the new form name doesn't show up in the Form Connector App? A: Try refreshing the list of forms in the Form Connector App or republishing your site in Webflow.

Q: Can I rename a form after it has been integrated with Form Connector App? A: Yes, but you will need to delete the Form connection and then re-map the form in the Form Connector App to reflect the name changes. Otherwise you will continue seeing the name you had when you authorized the form connection. 

You can see more about Deleting Form Connections here.