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 Page Slide effect (Welcome Mat)
With the EngageBox Page Slide effect, you're able to create popup boxes that will slide in from the top of the page (push the site down), instead of covering your content. This way your users can just scroll down to reach your content. Create an EngageBox with a Page Slide Effect is quite easy as there are only 5 configurations that you need for an optimal result.
Enable Page Slide Effect
The first thing you will need to do is either create or edit a box. In the right sidebar, set Mode to Page Slide.
On the Behavior tab, select the Page Load trigger. Then, under Animation, set Transition In Effect to Slide In from Top and Transition Out Effect to Slide Out to Top.
Finally, for the best result you need to set the box's width to 100%. To do that go to the Design tab and set Width to 100% as it is shown in the screenshot below.
Rated: 