Create a contact page and collect emails in Webflow

1. Click the Page icon on the left menu and click the Create New Page icon in the Pages menu to create a new contact page.

The Webflow free plan allows you to create one form, but paid plans allow unlimited forms.

2. Add Name, Email, and Message input fields, and add a Submit button to the new page.

Be sure to name each field, which can be used as a variable to customize email messages after submission. For example, you would name the Name field “Name.” You can also choose whether the field is a required field.

3. Navigate to your Project Settings page to set up your form submission email.

Webflow allows you to use variables like {{siteName}} for your site. You can also refer to fields you created earlier using the same syntax in either your email subject line or message. For example, you could input {{Name}} in the Email Template section to refer back to the Name field created earlier.

4. Embed contact forms from CRMs like HubSpot directly on your Webflow contact page.

For example, if you use HubSpot, you could embed HubSpot lead collection forms on a Webflow page to create similar forms for capturing contact information. Check your CRM product manual to find out whether you can embed contact forms directly on Webflow pages.

5. Right-click the Submit button on your contact form and configure the Form Settings to push data into your CRM or other custom databases via API integration.

Webflow allows REST APIs to post content from the contact form on Webflow to custom databases. Enter your Button Text, Waiting Text, Redirect URL in the appropriate fields, and your API URL in the Action field, along with the method to push data into your CRM or database.