#21 - Create an age gate to confirm the user's age

In Webflow Hack #21, we learn how to create an age-gate and block people who are under 21 from entering your site. We're going to put an overlay, we're gonna have the user enter their birthday and if they're under 21, they cannot enter; but if they are over 21, we remove the overlay and show them the content.

⚠️ IMPORTANT: There is an important code update to the content page head code (first code breakdown part). Please see the updated code on https://hacks.finsweet.com/21

TIMESTAMPS:
00:08​ - Intro
00:38​ - Live Example
02:57​ - Structure
07:56​ - Code Breakdown
18:59​ - Thank You

F'IN SWEET WEBFLOW HACKS: A custom-code focused video-tutorial series for Webflow websites. Learn how to use jQuery and javascript to extend the functionality of your Webflow project. Built by @Finsweet for the @Webflow Community.

See all videos from the playlist: https://www.youtube.com/playlist?list=PLpjTM82q4Gu5KczhQiMN9HkG9KbNbaSIP
Check out all videos from the Form series: https://www.youtube.com/playlist?list=PLpjTM82q4Gu6EdWdhyW-6caPL527me2x7

-----------------------------------------------

// RESOURCES FROM THE VIDEO

F'in sweet Webflow Hacks: https://hacks.finsweet.com/21
Webflow cloneable: https://finsweet.com/hacks-clonable-template

Request a new hack: https://finsweet.com/hacks-request
Stay updated with new hack releases: https://hacks.finsweet.com/#cta-block

Get FREE help with implementation: https://sweetjs.finsweet.com/
Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?sub_confirmation=1

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!

🙌 Join our community - https://finsweet.com/fin-pro
🛍 Shop our merch store - https://finsweet.com/merch
💪 Superpowers for your Webflow website - https://finsweet.com/attributes
🧰 Your toolkit for Webflow - https://finsweet.com/extension

-----------------------------------------------

// SOCIAL

Facebook: https://www.facebook.com/thatsfinsweet/​
Twitter: https://twitter.com/thatsfinsweet​
Instagram: https://www.instagram.com/thatsfinsweet/​
Dribbble: https://dribbble.com/thatsfinsweet​
Behance: https://www.behance.net/thatsfinsweet/​
Webflow: https://webflow.com/team/Finsweet/​

-----------------------------------------------

// TAGS

#webflow #javascript #hack21

-----------------------------------------------

Thanks for your support! 🤟

Видео #21 - Create an age gate to confirm the user's age канала Finsweet