Log in
Log into community
Join the Webstudio community
View all posts
Related posts
Was this helpful?
๐
๐
๐
Powered by
Hall
Active
Updated 2 weeks ago
0
Follow
Trigger Newsletter Subscription Popup at 50% Page Scroll
Trigger Newsletter Subscription Popup at 50% Page Scroll
Active
0
Follow
S
Santosh
2 weeks ago
ยท
Hi All, I want to trigger a newsletter subscription popup when the user enters 50% of the page one time. What is a good way to do that?
1
O
S
M
20 comments
Share
Open in Discord
O
Oleg Isonen
2 weeks ago
dialog component
O
Oleg Isonen
2 weeks ago
webhook form
O
Oleg Isonen
2 weeks ago
your automation tool n8n etc
O
Oleg Isonen
2 weeks ago
or directly to whatever database solution you use e.g. baserow and automating from there
S
Santosh
2 weeks ago
yes thats good. How do I trigger the dialog when the page is scrolled 50%
M
Mikeoxygen
2 weeks ago
This is a perfect use case of animation engine right @Oleg Isonen
O
Oleg Isonen
2 weeks ago
you don't need a dialog in this case
O
Oleg Isonen
2 weeks ago
at this point I am not sure what UX you are trying to achieve
S
Santosh
2 weeks ago
@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?
O
Oleg Isonen
2 weeks ago
that's not a dialog
O
Oleg Isonen
2 weeks ago
dialog happens on click
O
Oleg Isonen
2 weeks ago
you just want a basic div to grow into viewport on scroll
O
Oleg Isonen
2 weeks ago
or you want the dialog opening to get triggered by scrolling and then be able to close it like a regular dialog?
O
Oleg Isonen
2 weeks ago
I haven't seen this pattern, not sure if this is a great idea in terms of accessibility
O
Oleg Isonen
2 weeks ago
I would recommend to stick to a more popular pattern, button click or scroll animation
O
Oleg Isonen
2 weeks ago
you kinda want to have a mixture
O
Oleg Isonen
2 weeks ago
if you really want this I guess you could trigger a click on a button with a dialog by detecting a scroll position
O
Oleg Isonen
2 weeks ago
this is not a scroll driven animation, its just a scroll triggered click
O
Oleg Isonen
2 weeks ago
a few lines of js would allow you to detect scroll and position and make a click on a dialog trigger button
A
Abu Dinar
2 weeks ago
I think he means like a pop up
Add a reply
Sign up and join the conversation on Discord
Join on Discord