How to Map Unbounce Forms to HubSpot

Adam Smartschan

Partner & Chief Strategy Officer

Here at Altitude, we’re unabashed fans of Unbounce. In fact, we often use the standalone landing page builder even when a client has a HubSpot subscription.

To properly integrate the two systems, you need to map your Unbounce forms to HubSpot fields. Here best practices for the integration, with step-by-step instructions, screenshots and examples.

(By the way, if you want to try Unbounce, you get a month free and 20% off your next three months if you sign up using this link. Consider it our gift to you.)

Step 1: Create Your Unbounce Landing Page

The first step in mapping Unbounce forms to HubSpot is creating your Unbounce landing page.

There are a slew of tutorials out there on this. The best are usually found on the Unbounce blog.

You can deploy Unbounce landing pages for pay-per-click campaigns, display campaigns, gated content, lead magnets and all sorts of other uses. We’ve even turned them into microsites and progressive web apps for events and conferences. The sky’s the limit.

If you need to map user information from Unbounce to HubSpot, you’ll need to include a form on the landing page.

How to map Unbounce forms to HubSpot - Creating a landing page

At a minimum, your form must ask for an email address for the data to be used to create a HubSpot contact. It’s usually best to ask for a user’s first name and last name, instead of their whole name. (Use a single “name” field if you’re advertising in Asia, South America or another region that often doesn’t use the North American first name-last name construct.)

Step 2: Create Your HubSpot Form

You’ll need a HubSpot form to collect the user data from Unbounce. To create this, navigate to Marketing >> Lead Capture >> Forms:

Creating a HubSpot Form

Then create a new form with fields that exactly match the fields in the form on your Unbounce page.

Creating a HubSpot Form - Form Builder

It’s best to make a new HubSpot form for each landing page. Make sure to keep the naming consistent. Otherwise, you’ll never be able to find your forms later.

Step 3: Integrate Unbounce with HubSpot

With your landing page built and your form ready in the marketing automation system, you’re ready to map your Unbounce form to HubSpot.

To do this, first click the HubSpot button under “Integrations” on your Unbounce page:

HubSpot-Unbounce Integration Button

In the dialogue box that pops up, make sure your correct Hub ID is selected. You can find your Hub ID by clicking your company name at the top right of your HubSpot screen; it’s a seven-digit number.

After you confirm your Hub ID, pick the form you want to map your data to.

After you pick you form, you should see a success dialogue:

Unbounce-HubSpot Success Dialogue

From here, click “Configure Field Mapping” to match your Unbounce form fields up with those in HubSpot.

Field Mapping Dialogue

This will let you send all manner of form data from Unbounce to HubSpot, including:

  • Standard and custom form fields
  • Metadata, like the user’s IP address, the landing page ID and variant
  • Tracking data, like UTM codes

Step 4: Test Your Integration

Once you’re done with steps 1-3, access your landing page like a user and fill out the form using a unique fake email address and name. Then check that form in HubSpot.

Go to Actions >> View Submissions and look for your newly created test contact:

Checking for a new form submission

If you see “yourself,” you’re good to go! But if it doesn’t appear after 15 minutes or so, something is broken. Go back to Step 2 and try to rebuild your integration.

If you still can’t get the data to flow through, it’s worth pinging Unbounce support. They’re pretty awesome.

Conclusion: Mapping Unbounce Forms to HubSpot

For our money, Unbounce is a superior landing page builder to even what’s available within even the best marketing automation platforms.

By learning to map your Unbounce forms to HubSpot, you’ll be able to enjoy the best of both worlds: a great landing page builder and all the workflow and automation capabilities of HubSpot.

Don’t have time to use Unbounce or HubSpot the way you’d like? We’d love to help. Our team of digital marketing experts includes experts on both platforms. Contact us online, or call 610-421-8601 x122 to get the ball rolling.

Adam Smartschan

Adam Smartschan heads Altitude's strategic marketing and branding efforts. An award-winning writer and editor by trade in a former life, he now specializes in data analytics, search engine optimization, digital advertising strategy, conversion rate optimization and technical integrations. He holds numerous industry certifications and is a frequent speaker on topics around B2B marketing strategy and SEO.