I’m looking to make a front page that can’t be pushed past until the button has been pressed correctly. Exactly like the image I put in this thread. I don’t want it to mess with what is underneath it. Starting animation on scroll etc.
Is this a webflow interaction I could build or does it need custom code?
If you would like you can also see the site this is taken from at:
A page with only two clickable options is just that. As long as someone is not following an external link or a visited one, they would not have a path to proceed deeper. You might want to look at the Memberships functionality (in Beta) to take the step of protecting content versus just temporarily obscuring it.
To try and understand a bit more. Could I use the membership option to only allow people in the “21 and older” group to continue to the site? If this is the case is the option to make sure that person has to reselect that each time they visit?
As far as I know the membership feature is fairly new to webflow. Definitely new to me.
As Jeff pointed out, Webflow doesn’t offer any real security options outside of memberships ( which requires a sign-up process ) and its password-protect feature. There is no option to do server-side code, so options are limited.
However if I understand what you’re trying to do correctly, I have a solution that works on Webflow hosted sites.
I built that on top of Webflow’s existing password-based login model, by redesigning the login page so that it contains the user agreement and acceptance button, and hides the regular password form. Clicking that button automatically fills in the hidden password and submits to auth the user.
The advantage is;
Fully webflow hosted, for ease of updates
Users cannot access the page without going through the accept page
No easy way to guess / hack the password, and the password field is hidden.I’d still add a no-hacking clause to the user agreement though as a legal SoP