How to Add an Age Verification Widget to Your Website

If your website contains age-restricted content, products, or services, it’s important to verify that visitors meet the required age before they continue. An age verification screen helps you create a safer experience for users while supporting compliance with age-related requirements.

With Jotform’s Age Verification widget, you can quickly add an age check to your website without any coding. You can customize the minimum age requirement, tailor the appearance to match your site, and control what happens when visitors meet or fail the verification. In this guide, you’ll learn how to set up and embed the widget on your website.

Creating and Getting Your Age Verification Widget Embed Code

To add an Age Verification Widget to your website, you’ll first need to customize the widget and get its embed code. Once it’s configured, you can embed it on your site to help verify visitors’ ages before they access your content. Here’s a quick how-to:

1. Go to the Age Verification Widget page, and in the Settings menu on the left, set up these things:
   • Minimum Age  — Set the minimum age visitors must meet before they can access your website or content.
   • Verification Method  — Choose how visitors verify their age, such as a Yes/No button, entering their year of birth, or entering their date of birth.
   • Remember Approved Visitors  — Keep approved visitors from seeing the age verification prompt again for a specified period of time.

2. Then, scroll down and continue setting up these things:
   • Underage Action  — Choose what happens when a visitor does not meet the minimum age requirement, such as showing a message or redirecting them to another page.
   • Underage Message  — Customize the message displayed to visitors who do not meet the age requirement.
   • Hide on Pages  — Exclude specific pages from showing the age verification widget.
   • Logo URL  — Add a logo to the verification pop-up by entering the URL of an image hosted online.

3. Next, scroll down to manage these options:
   • Verification Window Image  — Display a custom image within the verification pop-up to match your branding or design.
   • Message  — Set the main heading or question visitors see when they are asked to verify their age.
   • Caption — Add supporting text below the main message to provide additional context or instructions.

4. Now, scroll down to the bottom and set up these things:
   • Yes Button Text  — Customize the text displayed on the confirmation button for visitors who meet the age requirement.
   • No Button Text  — Customize the text displayed on the button for visitors who do not meet the age requirement.
   • Additional Info  — Include extra information, notices, or disclaimers within the verification popup.
   • Overlay Image URL — Add a custom background image to the overlay by entering the image’s URL.
5. After that, click on Continue.

6. Then, in the Styles menu, configure these settings:
   • Jotform Branding — Show or hide Jotform branding on the widget, depending on your plan and preferences.
   • Popup Shape — Customize the popup’s corner style, from sharp edges to rounded corners.
   • Overlay Color — Choose the color of the overlay displayed behind the popup to help draw attention to the verification window.
   • Popup Colors
     • Background Color — Set the background color of the verification pop-up.
     • Text Color — Choose the color used for the pop-up’s text content.

7. Next, scroll down and set up these other options:
   • Message Typography
     • Size — Adjust the font size of the main verification message.
     • Weight — Control how bold or light the main verification message appears.
   • Body Typography
     • Caption Size — Adjust the font size of the caption text.
     • Info Size — Adjust the font size of any additional information displayed in the pop-up.
   • Yes Button Colors
     • Button Color — Choose the background color of the confirmation button.
     • Text Color — Set the color of the text displayed on the confirmation button.

8. Now, scroll down to the bottom and manage these options:
   • No Button Colors
     • Button Color — Choose the background color of the decline button.
     • Text Color — Set the color of the text displayed on the decline button.
9. Once everything’s set, click on Try it on your Website for Free.

10. Finally, in the Embed window that opens, click on Copy Code, and you’re done.
11. Or, if your website is built on a supported platform, click on its icon in the bottom-left corner of the Embed window to view platform-specific embedding instructions.

That’s it. Your Age Verification Widget is now ready to use. Simply copy and paste the embed code into your website, and the widget will automatically prompt visitors to verify their age before accessing your content. Take a look at the screenshot below to see how it appears on a sample website.