Create your Age Gate

Settings

Type:

Minimum Age:

years old

Background:

This appears behind the popup. Enter a hex color, gradient, or image URL. You can use any valid CSS background property.

Examples:
- gray
- #2f9fe6
- rgba(0,0,0,0.5)
- linear-gradient(135deg, #7fc24c 0%,#04a1bf 100%)
- https://example.com/image.png

Accent:

This appears on the top of the popup and any buttons or inputs. Enter a hex color or gradient.

Logo URL:

Full URL path to your logo image to be displayed inside the popup.

Logo Height:

Height of the logo image container.

Logo Margin:

Margin space around the logo image container. You can use any valid CSS "margin" property value.

Title Text:

Body Text:

Body Text Align:

Button Text:

Remember For:

days

Font:

You may also customize the font displayed in the popup. The custom font specified should be defined in your website.
Example: <script>window.AgeCheckerAgeGateConfig={"font":"Roboto"};<script>

Preview & Generate Code

Code

Place this code in the <head> or <body> sections of your website.

For most e-commerce platforms, you can edit your page template to add this code. If you already have our full age verification service installed, you can simply place this code before the script.

Tip: Call AgeCheckerAgeGateAPI.invalidate() from the console to reset the saved state if you want to test it again after being accepted.

Preview