How can I capture user information such as name, email, and phone number on my Webflow site, and where can I retrieve the submitted information?

TL;DR
  • Add a form block in Webflow, customize fields for name, email, and phone with unique attributes.
  • Configure form settings with a descriptive name, action URL if needed, and set confirmation message or redirect.
  • Publish changes to make the form live and view submissions via the project dashboard, with export options available.

Capturing user information like name, email, and phone number on your Webflow site can be achieved through Webflow forms. Here's how to set it up and view the submissions:

1. Setting Up the Form

  • Log in to your Webflow account and open the project where you want to add the form.
  • Go to the Designer view and click on the Add Element panel on the left.
  • Drag and drop a Form block onto your desired page location.
  • Customize the form by adding and labeling Text Field elements for NameEmail, and Phone Number. Ensure each field has a unique Name Attribute.

2. Configuring Form Settings

  • Select the Form and click on Element Settings (the gear icon) in the top-right corner.
  • In Form Settings, verify that the Form Name is descriptive.
  • Check the Action URL if you are using a third-party integration; otherwise, Webflow will handle submissions internally by default.
  • Set up a confirmation message or a redirect URL under the Success field to notify users upon successful submission.

3. Publishing Changes

  • Once the form is configured, publish your changes to make the form live on your site.

4. Viewing Form Submissions

  • After your website is live and collecting submissions, log in to your Webflow account and access your project dashboard.
  • Click on Forms in the left-hand menu of the project dashboard.
  • Here, you’ll see all form submissions, including NameEmail, and Phone Number. You can export this data as a CSV file if needed.

Summary

To capture user information on your Webflow site, set up a form with fields for nameemail, and phone number. Configure the form settings and publish your changes for live updates. Retrieve submissions through the Forms section in your project dashboard, where export options are also available.

Rate this answer

Other Webflow Questions