Multi step/page forms

[Shay]

Migrated from legacy feedback forum with 14 votes.

The ability to break forms up into 2-3 steps. Gradually asking for more information would be useful. See Unbounce's feature:
http://support.unbounce.com/entries/20279381-How-to-set-up-a-multi-step-form

Their are plenty of studies to suggest that these can increase long form conversions.

http://www.surveygizmo.com/survey-blog/increase-conversions-lead-generation-forms/

[willcurran]

If you do this, definitely should have a form "abandonment" where if someone stops half way through.

[jsnstephenson]

This feature would be extremely helpful. This is one of the reasons we still use Unbounce. 

[derekcavaliero]

@jsnstephenson @willcurran I'm working on a solution for this kind of functionality. 

If you ask HubSpot here are their current "solutions":

1. Create one huge form with smart fields that redirects back to itself (clunky UX).
2. Create X amount of forms and redirect to new landing pages with each submission (clunky UX and creates unecessary LP clutter).

These really aren't great solutions - making a user reload the page inbetween each submission isn't ideal (especially on slower loading sites). 

WebMechanix built a prototype that takes #2 from above but with the following upgrades:

1. Removes the need for refreshing/redirecting to a new page on each step
2. Adds the capability to go backwards to previous steps
3. Google Analytics event and virtual pageview tracking built in - (for creating Goal funnels to see abandonment).
4. Ability to use conditional fields between each form step - (e.g: ask a true/false question on step 1 then show fields in steps 2/3 depending on the answer in step 1).

Here's a blog post about the tool and a short video demo:

https://www.webmechanix.com/tool-hubspot-multi-step-form-generator-dynamic-progressive-forms/

We're working on getting this into a working beta - but we need feedback first - would you be willing to fill out our feedback survey at the link above?

[jsnstephenson]

@derekcavaliero - Yeah, for sure. I'll take a look this morning. 

[willcurran]

Ooo this is interesting, so it uses Hubspots forms but just creates a chain? 

[derekcavaliero]

@willcurran yep, and with some bells and whistles for better UX built in. Let me know your thoughts 😄

[ndwilliams3]

was reading a post on Hubspot's blog last week and noticed they are using an awesome new CTA format with an inline multistep form. Love the work. Hubspot, please share! A tutorial wound be awesome. Would love to see this added to the platform.

https://blog.hubspot.com/marketing/landing-page-examples-list? 

[Samanthamyers]

Yes, we despersltey need this to help optimize conversions. At this stgae we're looking at using a tool called LeadFormly then feeding that data into hubspot. 

It's a real shame they don't have this feature.

[Samanthamyers]

hmmm, just stumbled across this multi-step form - it looks like they're using Hubspot. If I look at 'Inspect Element' - it seems to be the same form on both pages too.

Anyone have any ideas how this is executed? https://www.namely.com/demo/

[derekcavaliero]

@Samanthamyers 

Looks like they built a custom form that posts the data over to HubSpot directly via the API. Building a multi-step form is easy and doable if you have the techinical abilities to build it yourself - but if you want to use the native embeddable forms they don't have a feature yet.

@ndwilliams3 I also came across that blog post and new CTA and asked our partner rep about it and they said it was something custom built and isn't planned to be part of the core product 😕

[ndwilliams3]

@derekcavaliero Their form suggests that a multi-step is possible. A quick look at the code suggests it's a complex hack of the existing form.

Did your partner rep give you any technical details on the implementation?

[ndwilliams3]

@derekcavaliero I took a look at your post on multi-step forms and it looks promising! Do you have a working beta yet? I'm needing a multi-step form and pressed for time, so developing something myself is not really an option at the moment.

[LauraTufis]

Agreed! It would be really helpful if HubSpot offered the possibility to create multi-step forms directly through their system. 

[YTopor]

I'm struggling to find an external form that has multi-step logic jumps and is compatible with Hubspot. I read above that Samanthamyers tried Leadformly. How did it work out in terms of integrations with Hubspot?

I tried Typeform but we don't really like the look of it, we would rather prefer a regular form design.

Any help is highly appreciated.

Thanks,

Yulya

[Larmahil]

@YTopor 

We have created one you may view it here:

https://www.larmahil.com/hubspot-multi-step-form

[Larmahil]

We have a module for this available in teh Hubspot Marketplace

https://marketplace.hubspot.com/products/larmahil/multi-step-form-2

[jkeough78]

i suggest to take some inspiration from typeform. i've tested the conversion rates on their forms vs hubspot forms and other types of forms many times and it continues to win. although there are flaws with typeform too.

[ndwilliams3]

I am using @Larmahil  module https://www.larmahil.com/hubspot-multi-step-form and it works great. I'm working on the css to style the radio inputs as buttons for a typeform look and feel similar to typeform. Was also going to look at adding an event handler to trigger the next event on select.

[jkeough78]

Thanks @ndwilliams3 for the idea! I might try that although that @Larmahil form doesn't look very good on mobile (see screenshot).