Setting a value to a Developer Form Field

Developer Support APIs & Integrations
1

I use the new forms in developer mode to style the font with a local hosted font.

How can I pass a value into a hidden field. The get paramater works, but is there an other possibility:

...
:root {
 --hsf-global__font-family: "DIN";
 --hsf-global__font-size: 1em;
}
</style>

<script src="https://js.hsforms.net/forms/embed/developer/xxxx.js" defer></script>
<div class="hs-form-html" data-region="na1" data-form-id="ccb78180-39d6-4c53-9245-xxxxxxxx" data-portal-id="xxxx"></div>

Now I will set the hidden field “Seminar_ID” to “test”.
THX

2

Either use URL parameters https://yoururl.com?Seminar\_ID=test or global form events. Example:

window.addEventListener('hs-form-event:on-ready', async (event) => {
 const form = HubSpotFormsV4.getFormFromEvent(event);
 form.setFieldValue('0-1/Seminar_ID', 'test');
});
3

Perfect! Thank you very very much!