How to place a Javascript SDK inside a Hubspot iFrame form?

[ashwinsande]

We want to start capturing form submit events inside a Hubspot iFrame form. Is there a way to place a custom JS SDK inside a Hubspot iFrame form?

[Kevin-C]

In terms of injecting scripts into an iframe, im affraid that would be a CORs violation and is not viable.

[Kevin-C · Accepted solution]

Thanks for the heaads up @danmoyle 

Hey @ashwinsande 

Integrating a build step into your development flow might just solve this for you rather easily!
This could be done using NPM and specifying the SDK as a dependency for the project. The awesome product development team at HS has provided a few JS framework boilerplates that could give ou some ideas!

Another options would be to use the require_js hubl tag to include the JS into your module or layout.

Hope this gets you going!

[Akhil13]

Hey @Kevin-C . We wanted to do some email validation on the calendar schedule form iframe. How will we be able to inject our script via npm into the form iframe as it is hosted by hubspot? Could you elaborate a bit more on this?

[Kevin-C]

Hey @Akhil13 you would want to create a custom forms module using the hubspot CLI to incorporate your build step.

[danmoyle]

Hi @ashwinsande. I'm checking with my teammates on this. I'm not a developer, so I'll ask my expert friends. 😁