Age Verification Popup: How to Add One to Your Website in a Few Clicks

21 January 2022 21 March ~ 9 min read 8261 views
rate it
Claspo Blog Age Verification Popup: How to Add One to Your Website in a Few Clicks

What Is an Age Verification?

Website age verification is a simple widget that lets you set up a page load popup to determine the visitors' ages. It can assist you in making your content accessible to individuals who are of legal age. The first reason for using website age verification is to prevent children from accessing content or purchasing products for adults. Reason two is that dealing with age-sensitive products, you must comply with laws and regulations introduced by legal institutions within your region.

We’ll figure out how this simple tool can save your business and reputation, explain the types of website age verification and provide instructions on how to add age verification to the website, both with and without coding knowledge. Let’s get started.

Table of Contents

What is Age Verification For a Website?

Website age verification is a measure of technical protection used to restrict access to digital content for those who haven’t reached a certain age. Examples of digital content that is usually restricted are online stores that sell tobacco and alcohol, video streaming platforms, online movie theaters, social media, gambling, and online gaming services. If you offer services like this, you might have thought of implementing age verification for your website or used it for a while.

When Does a Website Need Age Verification?

To illustrate why it’s important to introduce website age verification to avoid problems with the law and save your reputation, we’ll bring some numbers.

In other words, the first reason for using website age verification is to prevent children from accessing content or purchasing products meant for adults. 

Reason number two is that dealing with age-sensitive products, you must comply with laws and regulations introduced by legal institutions within your region. Violating these rules can entail fines or even imprisonment.

When Does a Website Need Age Verification?

Age verification is necessary for websites that offer age-sensitive products like alcohol and cigarettes, adult-only video content, online games, and other things. Distributing these goods and laws established by state institutions regulates related content.

So, here are the two major cases in which you usually need to introduce age verification on your website.

  1. You distribute content or goods that are not meant for minors.
  2. The law of your country requires age confirmation.

For example, in the US selling tobacco products (including hookah and e-cigarettes) to consumers under 21 y.o. is prohibited ​​by the Food and Drug Administration (FDA). To learn how to comply with these rules, retailers operating in this niche can check for detailed information on the FDA's official website.

Moreover, a simple age verification popup may need to be revised to comply with industry regulations. Most states in the US require that a consumer present a valid government-issued ID to prove their age when they buy alcoholic drinks. 

The world of online entertainment is no different. In the US, the consumption of online content by users under the age of 13 is limited by the Children’s Online Privacy Protection Act Rule (COPPA). Similar restrictions are imposed in the EU General Data Protection Regulation (GDPR). Both regulations limit the collection of personally identifiable information from underaged people without their parent’s consent.

Make Your Own Free Age Verification Pop-Up With Claspo

Types of Website Age Verification

There are several age verification popups, and they vary from primary birth date verification to more advanced techniques like AI-powered face recognition. 

A regular age verification popup usually looks like this.


A regular age verification popup example


Creative age verification popup example

Depending on the time and place, a website age verification may be displayed:

  • on the landing page;
  • at the checkout.

Depending on the industry requirements and local regulations, you may request a user’s birthdate only or go further and ask for personal details like the address or require uploading an ID photo, as shown in the example below.


Verification photo id popup example

More sophisticated ways to restrict minors from accessing your website include credit card verification.

Regardless of the age verification method you opt for, ensure that your Privacy Policy clearly states the purpose of such data collection.

Age Verification Popup Examples

In this article, we are dealing with age verification popups specifically. So, we’ve collected age gate examples used by the so-called adult-only websites.


Age verification popup example

By choosing buttons for adults and minors, you can recolor them in your colors. The notification text can be changed, as well as the font size.


Age verification popup example


Age verification popup example

You can check the visitor's age by querying only the birth year. The widget will automatically calculate the visitor's age. Site content will be hidden behind a background image during verification until the user confirms that they are of legal age.


Age verification popup example


Age verification popup example

There is no need to ask users for their exact ages. You can just add two buttons: confirm or not confirm.


Age verification popup example

Age verification popup example

As you can see, different types of age verification popups usually convey the same idea. Generally, the main differences boil down to the completeness of the text (mentioning Terms of Use and Privacy Policy or not, providing supplementary information for parents, etc.), the style of a popup layout, and its UI elements (buttons and checkboxes).

How to Add Free Age Verification to Your Website

In a nutshell, there are two ways of introducing age verification for websites. One requires a bit of coding, while the other uses no-code templates provided by various popups services. 

Code-based method

It’s no surprise that after browsing for a while, you’ll find some free age verification HTML code examples once written to help owners of age-sensitive websites protect underaged users and themselves. This method can work if you have basic code knowledge and search for a free age verification tool. Free code samples for adding age verification are available in online communities for testers and discussion forums for programmers. 

If you are not familiar with coding, have no intention of involving developers in the process of popup creation, or don’t feel like doing extra work, plenty of ready-to-use solutions come with popup services.

Using pop-up services

So, if you seek a ready-made solution to introduce age verification on your website, there are several popup services you can choose from.

Try Claspo And Make Age Verification Pop-Up For Free

Striving to create an easy-to-use solution that would help businesses solve the online age verification issue, we created Claspo. This free popup builder uses simple drag-and-drop logic to create informative and valuable forms and messages. Its main benefit is that to create a component (like a free age verification popup), you can choose among the ready-made solutions or involve developers to develop a custom one if you wish. In the latter case, further re-use of the component created will not require any modifications to the code.

As you see, with many options available on the market, it’s easy to choose a solution that satisfies your aims and tastes with website age verification.

How to Сreate a Pop-Up with Сlaspo

Let's try out the features of the Claspo editor in more detail.

1. Get started

To get started, auto-login on the site using mail. Then click on the New Widget button.

We turn to the choice of templates. Use the filters to make the right choice.

The first filter is the use case: 

  • collect user data;
  • inform users;
  • promote special offers and others.

When you select one of the items, the system automatically selects templates that meet these requirements.


2. Choose the layout

The second filter is the layout. Currently, there are 6 types available.


3. Choose the industry

The following filter is the industry. Here you can select the area of your project. It can be Business, Charity, Electronics, Entertainment, and many others. And the last filter is the theme.


4. Edit the widget

To proceed to edit the widget, select one. You can see how the widget is displayed for the mobile and desktop versions and select the launcher that opens this form.


5. Select a template and turn to the editor

Select a template and turn to the editor. Several containers are available in the editor. Here you can change the width and height of the widget, and the location of other elements, set the content style, and propagate it to all variants in desktop and mobile versions. You can place align inner elements horizontally or vertically and choose the spacing between the elements.


6. Choose the widget triggering

You can turn to the preview to see how the widget will be displayed on the site. Choose widget statuses, language, display on different devices, and Window size. It can be a fixed size or a device size.

Then, save the widget and move on to Widget triggering. Choose Display frequency and When to display the widget. Next, you can connect the placement of the widget using API. To select a different rule, contact Claspo support. You can also select Integrations.


7. Check the result

After saving, you see your widget in the library. To display it, you need to display a widget on your site. You don’t have to put code on the site with a script because it increases its loading speed. All codes will be located on the Claspo servers.


How to Use Age Verification to Avoid Problems?

Age verification is a must if you operate in an age-sensitive niche and aim to make your website compliant with laws and regulations issued by legal institutions. Verifying your visitors’ age can occur when they start browsing or are about to check out. Violating these rules can entail fines or even imprisonment.

Age verification popups are extensively used to restrict underage users from accessing your website. Such popups usually convey the same idea, i.e., warn customers about the age restrictions introduced on your website. Depending on your preferences and local authorities official requirements, you may supply your age verification pop up with additional information for parents or provide a link to your Terms of Use.

When adding age verification to the website, you usually come across solutions that involve some coding and those that come out of the box. To make the right choice, analyze your needs with such popups and evaluate how each available solution can help you achieve them.

Still Not A User Of Claspo? Let's Fix It

You Might Be Interested in
How to Create an Effective Pop-Up Message.svg
How to Create an Effective Pop-Up Message

The goal of any Internet business is to convert visitors into leads or customers, and pop up messages can be a very effective tool that helps achieve this goal. Pop-up messages are small pop-ups that appear (pop up) in the middle or any other part of the screen when customers are shopping or surfing the Internet. Some say that pop ups are annoying, but they work! Visitors hate pop ups containing unnecessary information. If the information in the pop up...

18 January 2022 7 min read
Countdown Timer Popup_ 5 Excellent Examples.svg
Countdown Timer Popup: 5 Excellent Examples

You’ve certainly seen those products that you are able to get with a discount for a limited time only. There are plenty of business owners and marketing specialists that use this tool to create a sense of urgency. The feeling of urgency has almost the biggest impact on visitors, and you should not be afraid to use it. Among all benefits that you can achieve with this approach, here are some of the most notorious ones: Drive clients with a...

15 January 2022 9 min read
5 Popup Tips to Make Them More Pleasant.svg
5 Popup Tips to Make Them More Pleasant

It seems that pop up windows were on the Internet as soon as the Internet appeared. We all remember the weird and annoying popups that wanted to get everything from us, except souls. But that time is over, and every business owner should consider using better methods to get customer information. Even now, you can see that lots of manipulations are gone, and the pop-up windows have become more friendly, informative, and less annoying. Sit Back And Let Us Do...

11 January 2022 8 min read
Wheel Popups_ What Are Those and How To Create One_.svg
Wheel Popups: What Are Those and How To Create One?

Table of Contents Wheel pop-up definition What is good about pop up wheels? How to create a pop up wheel? Key elements of a pop up wheel Setting display rules for wheel pop-ups How to make wheel pop ups more effective? Make the most of customization Detect and avoid farmers Protect yourself from spam Bottom line Pop-up wheels, spin-a-sale, lucky spin, wheel popups, or simply wheels — people call this type of on-site ads in many ways. But regardless of...

28 January 2022 6 min read
How to Build Your Personal Brand Using Pop Ups_.svg
How to Build Your Personal Brand Using Pop Ups?

Building a personal brand is essential in establishing yourself as a thought leader, influencer, or expert in your field. How can popups come in handy to you in this? Popups can help you build a client list, understand your audience better, engage in actions, retain, and communicate with people. If you run a professional blog, you can offer a consultation (maybe even the first one for free), an e-book, a discount for your consultations, or a free lesson on your...

31 January 2022 13 min read
The Phenomenon of Shopping Cart Abandonment and How to Address It Effectively.svg
The Phenomenon of Shopping Cart Abandonment and How to Address It Effectively

Surely, if a shopper doesn’t complete a purchase, it equals revenue lost for any e-commerce website. Thus, if you’re a marketing professional, this article is a great way to gain a basic yet explicit understanding of shopping cart abandonment. It explains the roots of this phenomenon, its essence, and how to cope with it. To make the structure more coherent, the article will cover the essential aspects of dealing with abandoned carts one by one. What is shopping cart abandonment?...

02 February 2022 19 min read


We use cookies to ensure that our website functions correctly, to personalize advertisements and other content, to provide social media features, and to analyze network traffic. We also share information about your website use with our social media, advertising, and analytics partners. By staying on the website, you accept this.