Age Verification Popup for Magento 2 - User Guide

Configuration

To configure the Age Verification for Magento 2 extension, log in to Magento 2, move to Age Verification Configuration where you can find various settings to configure the extension.

• Enable Extension: Enable or disable the Age Verification extension.
• Minimum Age: Set the minimum required age to access your store (e.g., 18 or 21). This value can be displayed dynamically in your text content using the {age} variable.
• Allow Search Engine Bots: Set YES to automatically bypass the popup for recognized search engine crawlers (Googlebot, Bingbot, etc.), ensuring your SEO is not negatively affected.
• Cookie Lifetime (Days): Define how many days the verification cookie should last before the user is prompted to verify their age again.
• Rejection Redirect URL: Specify the URL where users will be redirected if they click the rejection button indicating they are underage.
• Require Terms & Conditions Checkbox: Set YES to force users to explicitly check a consent box before they can click the confirmation button.
• T&C Consent Text: Enter the custom text and HTML (e.g., a link to your terms page) for the consent checkbox label.

Content Customization

Customize the text presented to your users to perfectly match your brand's tone.

• Popup Title: Enter the primary heading for the popup (e.g., "Age Verification").
• Main Content: Enter the descriptive text asking the user to verify their age. Use the {age} variable to automatically inject the configured minimum age.
• Confirmation Button Text: Define the text for the positive action button (e.g., "I am {age} or older - Enter").
• Rejection Button Text: Define the text for the negative action button (e.g., "I am under {age} - Leave").
• Rejection Button URL: Define the URL, where the user will be taken if they click Reject.

Design & Styling

Build a cohesive, branded experience without writing a single line of CSS. The design section features an innovative Floating Live Preview widget that instantly updates as you adjust settings.

• Live Preview: A floating widget anchored to the bottom right of your screen that shows you exactly what your popup will look like in real-time. You can drag it or minimize it.

• Modal Size: Choose between Compact (max 500px width) or Full Screen (takes over the entire viewport).
• Text Alignment: Easily align your text and buttons to the Left, Center, or Right.
• Border Radius: Choose how rounded your popup corners should be (Square, Rounded, or Pill).
• Box Shadow: Apply depth to your popup with None, Light, or Heavy shadow options.
• Background Overlay: Choose the backdrop effect (Overlay, Blur, or None). The Blur option applies a beautiful frosted-glass effect over your website content.

• Color Settings: Use the built-in color pickers to precisely match your brand's color palette:
  • Box Background Color
  • Title Color
  • Content Color
  • Confirmation Button Background & Hover Color
  • Confirmation Button Text Color
  • Rejection Button Background & Hover Color
  • Rejection Button Text & Border Color

Frontend Display

Once configured, the Age Verification popup will securely block access to your store for new visitors until they confirm they meet the legal age requirements.

Desktop Example:

Mobile Example: