I spent some time last night following this tutorial to create a modal popup as a CTA form fill for potential clients when viewing our service packages. And it worked! Mostly.
My issue comes from the repetition of use. If you click it, click out (using the X) and then go to revisit the button, it can freeze up. Not sure how to ensure no matter how many times you perfor the interaction it refreshes.
The element in question is the button under the “essentials” listing.
Secondly, is there a way to make it so that hitting the esc key kills the popup?
I can’t answer for your setup here, but my guess is its probably IX2-based, using Webflow interactions pre-GSAP. If so, there is sometimes state confusion between first-click and second-click that can mess with scenarios like repeat open/close.
I’d recommend either go with a straight GSAP implementation, or something like a code component. I’m migrating SA5 modals to a code component soon so you can drop it in and set things like the suppression days automatically.
very first time when you click on button(Get Essential) it triggers the interaction and working prefect. When you click on close button on popup you are adding two triggers close modal trigger and close modal form and again when you click on button you are adding one trigger Open Sign Up Form Trigger.
you have to duplicate the interaction close modal form update the values and add it on get Essential button click. this way you can fix the issue.
