EngageBox
v6.3.8
-
- 3 Ways to Trigger a Box on Click
- AdBlock Detect Trigger
- Click Trigger
- Display a popup before user leaves your website
- Display a popup when a certain element reaches your browser's viewport
- Element Visibility Trigger
- EngageBox Popup Triggers
- Exit-Intent Trigger
- External Link Click
- Hover Trigger
- Idle (Inactivity Detection)
- OnClick Trigger
- Page Load Trigger
- Page Ready Trigger
- Scroll Depth Trigger
-
- AcyMailing List Condition
- 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
-
- Create a AcyMailing Optin Box
- Create a Breezing Forms Popup
- Create a Facebook Like Page Box
- Create a GetResponse Optin Box
- Create a MailChimp Optin Box
- Create a SalesForce Optin Box
- Create a Twitter Follow Button Box
- Create a Vimeo Video Popup
- Create a YouTube Video Popup
- Create an RSForm Popup
- Display a Joomla Article In a Popup
- Display a Joomla Module in a Popup (Modal)
- Display Google Map in a Popup
- Google Analytics Integration
- Load Convert Forms through EngageBox
-
- Randomly Rotate Popups on a Page
- Αdd Sound Effects to Your Popups
- Make Accessible Popups
- Add a Countdown timer in your 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
- Open a box using HTML Attributes
Open a box using HTML Attributes
Would you like to open or close a box by clicking on a link or a button? What about an image or a div? It's easy with HTML attributes!
In order to use HTML attributes you will need the box's ID and access to your HTML code.
Where to find the Box ID?
Go to your Components -> EngageBox -> List and look at the last column of the box list. This is your Box's ID.
Available Commands
- open (Show the popup)
- close (Close the popup)
Syntax
The syntax is pretty straightforward. Let's see some examples using Box #1.
Show Box using a button
<button data-ebox="1" data-ebox-cmd="open">
Open Popup
</button>
Close Box using a div
<div data-ebox="1" data-ebox-cmd="close">
Close me!
</div>
Close Box and Follow Link URL
<a data-ebox="1" data-ebox-cmd="close" data-ebox-prevent="0" href="http://www.google.gr">
Close and Return to Google.gr
</a>
Toggle Open/Close State
<a href="#" data-ebox="1">
Toggle Open/Close State
</a>
Note
The data-ebox attribute is optional for all elements within a box. EngageBox will try to discover the closest box automatically.
<button data-ebox-cmd="close">
Hide me!
</button>
Last updated on Nov 26th 2024 12:11