HubSpot Forms on Steroids?

Posted by Joe Jerome on 6/21/17, 6:19 PM

If you are like most HubSpot users when you hear the words "HubSpot Form" a few of things come to mind.

Most of the time it's a HubSpot Form on a HubSpot Landing Page that does something "typical" like collecting information for a downloadable piece of content or getting contact information for a consultation or demo request.

 

Sometimes you need something a little bit more sophisticated to create engagment.

Are there limits to HubSpot forms?

Have you dreamt of making really useful tools on your site with forms?

Like maybe a calculator or a survey? 

Have you ever tried to make a muti-page form in HubSpot? 

 

Kristen on our team wanted to do more with forms a few months ago.

We have a pricing page.  Pricing pages are ok but you can't really plan with something that says "Starting at".

Kristen wanted to do more to help everyone by making a "Website Estimator".

 

When we were searching for an answer we found out a lot of people were in the same situation.  If you tried too, you may have ran into a challenge.

HubSpot's Form tool limits you to creating a single form on a single page. Or so we thought.

 

The problem...

 

We needed something fast.  Figuring it out on HubSpot seemed impossible and wasn't easy like using a template or a plugin.
 

We did this the first time without HubSpot.  Kristen figured out how to make a pretty cool estimator with a Google Form.

 

She embedded the Google Form on the site.  It worked.  But it wasn't a seamless experience.  But it was still styled very "Google-y" (or is it Google-ish?)

google-form-hubspot.png

 

Aside from "looks", the biggest problem with this is that we lost HubSpot Timeline Insights. When people filled out the Google Form we had no record in their timeline of what they did before they filled it out.

We rely on knowing what happened for a visitor before they got to the tool.  We were flying blind with an empty timeline.

 

 

This is an example of the HubSpot timeline.Pete-Caputa-Metrics-HubSpot-Timeline-Dashboard.png 

We needed the information you see above.

After a hundred people used the estimator, it was long overdue to get this right.


It was time to revisit making the estimator using a multi-page HubSpot form.

 

Building the Multipage HubSpot Form

 

There were a a few key things this HubSpot Advanced Form needed to do.

 

1. It needed to show progression.

HubSpot calls this a multipage form.  We have links below with instructions on how to make this.

 

  

2. It needed to have what is called "progressive profiling".

Simply put, presenting a subset of choices based on preceding a selected choice.

 

 

  

We made it with HubSpot.

We found a way to make it work in HubSpot.

 

Kristen was now able to do what she wanted with HubSpot forms. 

Making it look good was a bonus and we did this by using a stylesheet for the HubSpot Form CSS from one of our templates

 

The mega form (which uses multiple forms) becomes multi-page instead of single page to accomplish the important part of the job.

 

 

You can try it and see it in action here 

 

 

Can anyone make an Advanced HubSpot Form?
 

After we made this tool we thought you'd find it helpful if we showed you how to do it.  There's no "clear" documenation on this, and a lot of people think it can't be done.

 

Doing this is a tedious process and takes quite a bit of time to set up on your own the first time around.  If you don't have the time and want someone to help, tell us what you're thinking.

 

If you like to dive in and learn on your own, we made a free course.

Kristen walks you through what she did and gives instructions.

See how Kristen did this watch the video and get the 'secret' instructions. 

 

 

 

Want to learn more about the science of design? Subscribe!

Add your comment