Conditional Logic Issues on Forms with the New HubSpot Developer Embed

Design help Webflow integrations
1

Hi everyone,

Due to the recent changes in Webflow’s HubSpot app and how it affects dropdowns, we’ve had to shift to the new HubSpot app, which has left some challenges on our forms, specifically, how to control some of the conditional logic we have.

I’m looking for guidance on how to display Webflow-based messages when a user selects specific options in a dropdown — now that our form is using the new HubSpot app (developer embed).

Previously, this worked perfectly because we were using a native Webflow form and controlled the logic with a custom script that showed targeted Webflow elements based on the dropdown value.

However, with the new app, the form is now fully HubSpot-controlled via the developer embed. In HubSpot, the only available logic options are to show/hide HubSpot fields or redirect to other pages. There doesn’t seem to be a way to trigger external events or allow targeting specific dropdown values with unique IDs or attributes directly from the embedded form.

Has anyone found a way to target dropdown selections in a HubSpot developer-embedded form to show/hide Webflow elements? Ideally, I’d like to avoid creating separate pages for these messages if possible.

Any insight would be greatly appreciated!

2

Hi @Jen_Logan,

Hey, you’re right that with the new HubSpot developer embed, it’s trickier to show Webflow-based messages based on dropdown selections since the form is no longer part of the Webflow DOM like before.

If the embedded form is not inside an iframe, you can still use a script to watch for dropdown changes and show or hide elements in Webflow based on the selected value. That’s the ideal scenario.

However, if the form is inside an iframe, you won’t be able to directly access it with JavaScript due to browser security restrictions. In that case, one workaround is to create a dropdown in Webflow itself that controls the visibility of your messages, then pass the selected value into a hidden field in the HubSpot form.

Another option is to use HubSpot’s onFormReady callback if you’re using their JavaScript embed. That allows you to hook into the form once it loads and potentially track interactions like dropdown changes if the form isn’t sandboxed.