Age Verification

Age Verification
Age Verification

About Age Verification

This component is Part of the  Essential Components plugin. Browse and insert 50+ components directly in Framer. Start for free

A fully customizable age verification pop-up built for Framer. Perfect for regulated or age-restricted content

Preview Mode is for styling Use Preview to design the overall look of the popup

Features

  • Show instantly or after a custom delay

  • Remembers verified users with localStorage

  • Preview mode for canvas styling only

  • Optional storage reset for testing

  • Fully customizable UI

  • Locks interaction after underage selection

  • Optional redirect for underage users

How It Works

Popup Trigger• Appears immediately or after your defined delay• Automatically skips if the user is already verified

User Action• Yes → Stores verification and closes the popup• No → Shows an error message and optionally redirects

Persistence• Uses localStorage to remember verified users• Reset option available for styling purposes

How to Use

  • Drag the component onto your Framer canvas. Ensure this component is added outside of your main content so the pop-up can overlay the page correctly. You can add it in the Template page

  • Go to behavior turn Preview ON to design and style the pop-up

  • Customize

  • Set your desired delay , set to 0 = appears immediatley, 1 = appear after 1 second, e.t.c

  • Set Preview to No before previewing or publishing, so the pop-up triggers normally on page load.

  • Ensure the component has 0 width and 0 height before publishing.

  • Publish your site.

⚠️ Important

• Preview is for styling only.Use Preview = Yes to design how the pop-up looks in the canvas. Before previeweing/ publishing, set Preview = No so the pop-up runs with real behavior on page load.

• Reset Storage is for testing only. Before going live, set Reset Storage = No so returning visitors aren’t prompted again.

  • If you have any questions, feel free to email me anytime, I’m happy to help.

Preview:https://ageverificationpopup.framer.website/