topic Re: Multi step form event listener in APIs & Integrations

Multi step form event listener

RThorp — Thu, 12 Sep 2024 10:03:50 GMT

Is it possible to register an event listener on the window for when a multi step form is submitted?

In normal forms, we can listen for the 'message' event as per the docs here, but this doesn't seem to be firing on the multi step forms.

Thanks!

Rich

Re: Multi step form event listener

GRajput — Thu, 12 Sep 2024 14:44:12 GMT

Hi @RThorp

hbspt.forms.create({ portalId: "your_portal_id", formId: "your_form_id", onFormSubmit: function($form) { // call event here console.log("Form submitted!"); } });

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!

Re: Multi step form event listener

RThorp — Thu, 12 Sep 2024 15:01:48 GMT

Hi Gaurav,

Thanks for your reply.

Unfortunately, the code you sent is the method used to embed a normal (not a multi step form) on the page.

So far as I can tell, you don't use the hs.forms.create method to embed a multi step form. See below snippet for multi step form embed code:

Thanks,

Rich

Re: Multi step form event listener

RYan86 — Mon, 04 Nov 2024 03:10:04 GMT

I also encountered the same problem, I would like to ask if you have found a solution

Re: Multi step form event listener

RThorp — Mon, 04 Nov 2024 09:00:12 GMT

Unfortunately not - hopefully something will be added as they move out of beta.