fbpx

Age Verification for Elementor – Popup / On Page

elementor age verification

Sometimes it’s necessary to set Age Verification on a webpage. Some call this system Age gate or Age restriction too. Adding Age verification in WordPress website with Elementor page editor is easier now.

If you are Master Addons pro user then you will get this feature for free. There is an individual plugin available in codecanyon named Restrict Content for Elementor. Both elements work in the same way. 

In this post, I will show you how to arrange the age verification system on any Webpage made with Elementor.

There are two types of age verification systems. The first one is on page which allows you to restrict a fixed section content. And there is another popup version that appeared automatically on page loads or open after clicking on button.

Age Restriction Demo

Age verification On page (Minimum 18)

Age Verification

You don't have permission to see this content.

DD
  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
  • 07
  • 08
  • 09
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
MM
  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
  • 07
  • 08
  • 09
  • 10
  • 11
  • 12
YYYY
  • 2020
  • 2019
  • 2018
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
  • 2006
  • 2005
  • 2004
  • 2003
  • 2002
  • 2001
  • 2000
  • 1999
  • 1998
  • 1997
  • 1996
  • 1995
  • 1994
  • 1993
  • 1992
  • 1991
  • 1990
  • 1989
  • 1988
  • 1987
  • 1986
  • 1985
  • 1984
  • 1983
  • 1982
  • 1981
  • 1980
  • 1979
  • 1978
  • 1977
  • 1976
  • 1975
  • 1974
  • 1973
  • 1972
  • 1971
  • 1970
  • 1969
  • 1968
  • 1967
  • 1966
  • 1965
  • 1964
  • 1963
  • 1962
  • 1961
  • 1960
  • 1959
  • 1958
  • 1957
  • 1956
  • 1955
  • 1954
  • 1953
  • 1952
  • 1951
  • 1950
  • 1949
  • 1948
  • 1947
  • 1946
  • 1945
  • 1944
  • 1943
  • 1942
  • 1941
  • 1940
  • 1939
  • 1938
  • 1937
  • 1936
  • 1935
  • 1934
  • 1933
  • 1932
  • 1931
  • 1930
  • 1929
  • 1928
  • 1927
  • 1926
  • 1925
  • 1924
  • 1923
  • 1922
  • 1921
  • 1920

This is your content that you want to be restricted by Age. You are free to select any image, video, document file here.

Age Verification Popup (Minimum 18)

Open Content

This is your content that you want to be restricted by age. You are free to insert any type of document, video, image here.  This is how popup system work. You can use auto load full screen popup too.

There are total 4 types of popup type available for age verification. You are free to select anyone from the list.

First of all, make sure you have a pro license of Master Addons plugin or purchase only Restrict Content for Elementor from the following link.

After installing the plugin you will see “Restrict Content” Element in your Elements library. (Master Addons user will find it inside Master Addons element library, and Restrict Content plugin user will find it inside Elementor General element list.)

On Page Age Verification

Drag that element and drop it inside your elementor page editor. Now select “Age Restriction” as restrict type. By default it’s on page, you are free to select popup as restrict type too.

Age Verification WordPress

Define the minimum age to unlock the specific content of your webpage. If anyone inputs less than the minimum age then he/she will see an error message.

Here you see another option named “Age Restrict Type”. There is a total of 4 unique variations for age restriction (Select Birthday, Enter Age, Checkbox, and submit confirm).

Age Verification Variations

You will see “Restrict Content” option under “Restrict Type” . Open this content option and input your each and every text including image, video, document. This content section will be locked.

Age Gate content Area

Navigate to style area and you will see a few options which allow you to customize the typography, color, background, border etc. From message contents style you able to customize the on page message text typo and color. 

Message Contents Style for age Verification

That’s all about the on page system. Now let’s change the first restrict type in a popup.

Age Verification Popup

Now you will see another option named Popup Settings. There are 4 unique variations for different types of popup.

  • Defaut Modal (Button Click)
  • Window Load & Default Modal
  • Button Click & Full Screen
  • Window Load & Full Screen

You can apply any type of Age Restrict type like enter age, checkbox for the popup too.

Age Verification Popup Settings

Now navigate to style tab to customize your popup or on page typography, color. 

If you select popup then you will see popup style option too. Select background type classic or gradient. In classic you can insert any color or image as background and from Gradient you can define multiple color for gradient background.

Age gate popup style

This is how Elementor Age Restriction element works. Block any section or page for security purposes with this Age gate system. Feel free to get in touch with us or leave a comment here if you face any problem.

Posted in Tutorials

This is Roy and I produce content, Video, Documentation for Master Addons plugin User. Keeping you update through posts, videos is my duty. Also, I provide support for any users to solve their problems.

convinced enough to purchase

Download Now and Speed up your design skill

Still confused? Try 14 days Free Tiral before Purchase. Don't hesitate, we offer hassle free 30-day money-back guarantee.

Subscribe to our Newsletter

Share via
Share this