Thank you for the suggestion PSafdar. This is what I also have been trying to do and have been going in a circle with the Support bot without result. I’ve tried to simplify it to the bare minimum of running a console.log, yet it seems the event “message” event is ran only once upon loading the page, or upon switching the tab, but never upon submitting the multistep form.
Here is my code and a screenshot of the logs I get:
<script src="https://js-eu1.hsforms.net/forms/embed/25284517.js" defer></script>
<div
class="hs-form-frame"
data-region="eu1"
data-form-id="xxxxxxxxxxxxxxxxx"
data-portal-id="xxxxxxx"
></div>
<script>
(function () {
var FORM_ID = "xxxxxxxxxxxxxxxxx";
window.addEventListener("message", function (event) {
console.log("Message event received");
if (!event || !event.data) {
console.log("Event or event.data is missing");
}
var payload = event.data;
console.log("Event payload: ", payload);
console.log("Event payload type: ", payload.type);
console.log("Event form ID: ", payload.id);
if (payload.type !== "hsFormCallback") {
console.log("Not a HubSpot form callback");
}
if (payload.id !== FORM_ID) {
console.log("Form ID mismatch");
}
console.log("Event name: ", payload.eventName);
if (payload.eventName === "onFormReady") {
console.log("Form is ready");
}
if (
payload.eventName === "onFormSubmit" ||
payload.eventName === "onFormSubmitted"
) {
console.log("Form submission detected");
setTimeout(function () {
console.log("Executing redirect...");
}, 300);
}
});
console.log("Event listener setup completed");
})();
</script>
I’ve clicked through all the settings of the form in HS and don’t see anything that could potentially hold the key, but this global eventListener really hasn’t helped me no matter how many variations of it I’ve tried so far 