Trigger Newsletter Subscription Popup at 50% Page Scroll

dialog component

webhook form

your automation tool n8n etc

or directly to whatever database solution you use e.g. baserow and automating from there

yes thats good. How do I trigger the dialog when the page is scrolled 50%

This is a perfect use case of animation engine right @Oleg Isonen

you don't need a dialog in this case

at this point I am not sure what UX you are trying to achieve

@Oleg Isonen I want a newsletter subscription popup / dialog to auto show with some transition when a user scrolls through 50% of a page ... anything to clarify?

that's not a dialog

dialog happens on click

you just want a basic div to grow into viewport on scroll

or you want the dialog opening to get triggered by scrolling and then be able to close it like a regular dialog?

I haven't seen this pattern, not sure if this is a great idea in terms of accessibility

I would recommend to stick to a more popular pattern, button click or scroll animation

you kinda want to have a mixture

if you really want this I guess you could trigger a click on a button with a dialog by detecting a scroll position

this is not a scroll driven animation, its just a scroll triggered click

a few lines of js would allow you to detect scroll and position and make a click on a dialog trigger button

I think he means like a pop up