Awesome news @IMcDonald, so excited for this! Please let me know if there’s an opportunity to participate in the private beta when it’s ready, our agency has built many custom solutions for multi-step forms and can verify against a variety of use cases
Status: Delivered
Status history
@IMcDonald - this looks promising, but please don’t force us to embed these things w/ iframe. That builder looks very “Typeform esque”. Businesses need the ability to deploy simple multi-step forms that can be styled with their own CSS and hooked into w/ JavaScript callbacks (e.g. the “Raw HTML” option for the existing forms needs to be an option). If this is sandboxed to an iframe with limited pre-set styles it’s not going to be as useful as it could be.
@IMcDonald , Awesome to see this is on the roadmap! it’s been a long time coming.
@IMcDonald this is amazing news. Will we be able to get on the BETA when it becomes aivalable?
Interested to hear more about the “planning”.
At the moment Hubspot has progressive forms - but it is limited by having only one additional level of “progressivity”- only one step.
The basic usablity I am looking for is to be able to add at least second level, ideally a third - to the existing form builder. Please enhance the existing tool!
I am running a vast estate of forms in 10 language variations and this is the main pain point.
Partial completion automation would be nice but lower priority.
Firmographic (Clearbit) data showing in forms to help users auto-complete also sounds like a nice idea - if it can encourage e.g. more business email data entry etc. but this is very low priority for me. I think confusing external firmographic data with the user data entry process is going to make things more complex and resource intensive and I am happy to have the firmographic data from Insights/Clearbit in the background.
so happy to see this is finally arriving @IMcDonald . Definitely want access to Private Beta if one is launched!
Awesome sauce!
I’m with @Jnix284 if there’s a beta, I want in!
Can’t wait for this!
This is great to hear @Ian . I would love to sign up for a beta when it becomes available!
Hi @IMcDonald ,
Please sign me up for BETA if this is available?
@IMcDonald interested in participating in the Beta as a Solutions Partner when this becomes available!
Really hope to see a beta for this soon! I have a perfect use case for this where I’m about to create multiple forms with redirects as a workaround.
This would be a lifesaver.
Hi @IMcDonald , any updates on this for a potential beta?
Right now I’m seeing some resistance filling out the full form in one go from prospects on our landing page (form with 5 questions) and the ideal solution would be to have a step by step form. It’d be great if incomplete submissions could be recorded to analyze dropoff rates too.
This would really be a huge value add!
Using custom JS is fine but I would enjoy being able to just create the form in HS and add it to the page.
Hi folks,
I’m Ian, the Product Manager for HubSpot’s Forms tool.
Thank you all for taking the time to submit, upvote, and comment on this Idea. I’m happy to report that this Idea is now in Public Beta. You can opt-in to the beta here.
Ian
@IMcDonald thanks for sharing. Took it for a spin - here’s a few bits of feedback.
- These forms absolutely need to emit the global events that the legacy forms do. I am not able to see any postMessage payloads coming from changing steps, the form loading, or being fully submitted. Without the global events, its impossible to use these forms for anything beyond a trivial use-case.
- Ideally these forms also do not require the use of an iframe to embed. They’re just far too clunky and restrictive (especially if you need to pass metadata to the form via hidden fields). Please - do consider allowing users to embed these in Raw HTML mode like the legacy editor.
- If a field has a validation error it should validate the step before progressing, right now - it looks like it runs the validation at the end of the flow and puts a generic message saying “one or more fields have an error” - but the user has to manually go back and hunt down the validation error.
I second everything @derekcavaliero said, especially the validation and raw HTML.
It would be perfect if these forms registered each step’s data before final submission, so we can track dropoffs even.
Great points @derekcavaliero . We have also been tinkering with the beta for a week or two now.
I would add:
1. I could not figure out how/where to add hidden fields. This could be just user error - I played around for awhile and just couldn’t find a way. This is a showstopper for us if it’s not supported.
2. We would want the form to be submitted after step 1 (email) if the email is recognized or continue to additional steps (name, phone, etc…) ONLY if it’s a new email. Is that supported?
@hidanya I don’t think you can add hidden fields, and yeah - thats a dealbreaker at a basic level.
A few other things of note:
- There no way to control the padding around the entire form given the limited design controls in the builder - this makes forms hard to use inside elements that already have padding applied to them (especially on small devices). IMO the form padding should be removed entirely and be an “opt-in” setting if desired.
- Can’t block domains on the email field (honestly - this should be a global HubSpot setting anyways and not a form-by-form setting - but I digress).
- Fonts being limited to Google Fonts poses problems for companies who can’t/won’t use Google as a font provider - again - this is why a Raw HTML mode is necessary - you alienate all your larger customers with specific brand requirements that wouldn’t be able to use this feature.
Per previous comments, both are a must
1. Hidden fields
2. Info collection/saving at every form step
I’m missing multiple features that should be part of the new builder (and some that are missing from the old builder):
Missing:
- Saving data without the need to create a property
- Allowing to add custom CSS and HTML (would be nice if you could skip the whole design and just built with CSS (being able to add a class to a field, container etc).
- Add logic to remove values from a dropdown based on a other field value, just as you can have on properties. EG if BMW car, remove models A3, A6 etc
- Allow to send data/email notification to any e-mailadress
- More field options to do calculations
- Conditional logic to trigger javascript on page
Missing from the old builder:
- Adding contacts to Salesforce campaign
- Creating tickets based on forms seems to be gone
- Hidden fields
- GTM event recording / postmessage