Age verification pop-up
Overview:
The Age Verification Pop-up section is designed to restrict access to age-sensitive products or content by asking visitors to confirm their age before entering the store. It supports a promotional banner image, accept and reject buttons, content positioning, responsive text alignment, color schemes, and custom styling to create a branded age verification experience. This section is ideal for stores selling age-restricted products such as beverages, tobacco-related items, supplements, or regulated products.
Section Configuration
Banner Settings:
| Setting |
Description |
| Banner Image |
Uploads an image displayed inside the age verification popup. A 16:9 aspect ratio is recommended for best display. |
| Hide on Mobile |
Hides the banner image on mobile devices when enabled. |
| Setting |
Description |
| Button Label |
Defines the text displayed on the accept button such as YES, I'M OVER 18. |
| Setting |
Description |
| Button Label |
Defines the text displayed on the reject button such as NO, I'M UNDER 18. |
Layout:
| Setting |
Description |
| Position |
Controls the popup placement such as Left, Center, or Right. |
| Desktop Text Alignment |
Sets text alignment inside the popup on desktop devices (Left, Center, or Right). |
| Mobile Text Alignment |
Sets text alignment inside the popup on mobile devices (Left, Center, or Right). |
Color Scheme:
| Setting |
Description |
| Color Scheme |
Applies a predefined color palette to the age verification popup for consistent visual styling. |
Custom CSS:
| Setting |
Description |
| Custom CSS |
Allows adding custom CSS styles to further customize the popup appearance, spacing, buttons, or layout. |
How It Works
- Visitors are shown an age verification popup before accessing the store.
- Clicking the Accept Button allows the visitor to continue browsing.
- Clicking the Reject Button can restrict access or redirect users based on store configuration.
- Merchants can customize the popup appearance using images, alignment settings, color schemes, and custom CSS.