How to Create a HubSpot Lead Generation Form

You can create powerful and intuitive lead generation forms in FormCrafts, and automatically turn responses into new leads in HubSpot, even adding them to particular lists.

Step 1

On the FormCrafts dashboard, click New Form. Enter the name and click Create Form.

We are now on the form edit screen. Before adding fields enable HubSpot on your form. Click on Addons (top-left corner) → Marketing → HubSpot → Enable.

Now click on the Add Field icon to the top-right and add a couple of fields:

  1. custom text field
  2. one line input labelled Your Name
  3. one line input labelled Phone Number
  4. email field labelled Contact Email
  5. checkbox field labelled Your Role
  6. submit field.

The checkbox field Your Role will be mapped to the Buying Role custom property in HubSpot. With FormCrafts you can easily autofill the options defined in HubSpot. Edit your checkbox field and look for Autofill next to Options List. Here you would select HubSpot Contact Props. → Buying Role.

Our form should look like this:

HubSpot lead generation form
HubSpot lead generation form

Step 2

Go back to Addons (top-left corner) → Marketing → HubSpot and check the option Create Contact. Now we have to map our form fields to their respective HubSpot columns.

Map Your Name to First Name, Phone Number to Phone Number, Your Email to Email, and Your Role to Buying Role.

We can also select the list(s) we want to add the lead to in the dropdown below.

Our final field map looks like this:

Step 3

Our HubSpot lead generation form is ready. Click on Preview (top-right) and fill out and submit the form to test it.