Tassos Docs
-
- AcyMailing
- Browser
- City
- Component Condition
- Continent Condition
- Convert Forms Conditions
- Cookie Condition
- Country Condition
- Date Condition
- Day of Week
- Device Condition
- Display Conditions
- E-Commerce Conditions (VirtueMart - HikaShop)
- EngageBox - Viewed Another Popup Condition
- Homepage
- IP Address Condition
- Joomla! Content Article Condition
- Joomla! Content Category Condition
- Joomla! Content Component View Condition
- K2 Category
- K2 Item
- K2 Page Type
- K2 Tag
- Language
- Menu Item
- Month
- New/Returning Visitor Condition
- Operating System
- Pageviews Condition
- PHP
- Referrer URL Condition
- Region
- Time on Site
- Time Range
- Trigger based on URL match
- URL Condition
- User Access Level Condition
- User Condition
- User Group
-
- Show a Floating Button After Popup is Closed
- Create Multilingual Popups
- Randomly Rotate Popups on a Page
- Αdd Sound Effects to Popup
- Make Accessible Popups
- Add Countdown Timer to Popup
- Limit impressions per unique visitor
- Test the responsiveness of your boxes for various devices and viewports
- Open a box by clicking on a menu item
- Trigger based on the minimum time visitor spent on the site
- Auto-Close Popup After a Specific Time
- Control Popup using HTML Attributes
Create a Cookie Based Age Verification Popup
A tutorial which helps you create a Cookie Based Age Verification Popup for your visitors to confirm their age before viewing the content of your website using EngageBox .
Create a new Box
- Go to Components → EngageBox and create a new Box by clicking New → Blank Popup
- Enter a name in the Title field at the top of the page.
- Set Box Type to Yes No
Yes and No Configuration
Use the Title to describe its purpose, and keep Show Title on so it appears in the popup. For example, "You must be 21 or older to Enter!".
On the Content tab, enter your message in the Headline editor, for example "Our content is Age Restricted for guests above 21 years old.". Of course, you can write anything else that fits your website better.
For the Yes Button follow the options in the screenshot below.
For the No Button follow the options in the screenshot below.
Behavior Options
The optimal configuration for an age verification box is to set it to trigger at the center of the screen (Design → Position → Middle Center) once the page loads, and select the Page Load trigger on the Behavior tab. Take a look at the screenshot below to see the options for this result.
Under Cookie, set After Close Stay Hidden (for example 30 Days) so visitors who've confirmed their age aren't asked again.
Design
To virtually lock the content behind it, go to the Design tab, set Background Overlay to Enabled, turn off Close on Click, and set Close Button to Hide. Also make sure Close with ESC key (Behavior → Accessibility) is off. Take a look at the screenshot below to see the options for this result.
You are done!
Rated: 