help center

On this page

Popups: Slide-Ins

Last Update: June 24, 2024

Slide-In popups can be used for any purpose. In this example, we’ll use one as an age-gate, to force users to verify that they are over the age of 18 before viewing the site. We’ll redirect them to a search engine if they say they are under 18, and close the popup if they say they are over 18. No other method will allow the user to close the popup to enter the site.

Create Popup

  1. Go to Dashboard > Templates > Popups > Add New
  2. Name your template and click ‘Create Template
  3. Choose a template from the Library or create your own design
file 0pS9X7x4zb Popups: Slide-Ins 1

Settings

  1. Set the Horizontal position to Center and the Vertical position to Center
  2. Show Overlay
  3. Hide Close Button
  4. Set Entrance Animation to Slide In Left
file Sibx7KYn9K Popups: Slide-Ins 3

Style

Set Overlay to either a solid color or gradient, with no transparency.

Adjust Content

Change content as needed. We used YES and NO buttons to either close the popup or redirect the user to another site.


For the YES button, we used the link field to set a Dynamic Popup Action to Close Popup.

file uPcXbvmuNq Popups: Slide-Ins 5

For the NO button, we set a link to Google, so the user would be sent away from our site.

file p423XCcuS1 Popups: Slide-Ins 7

Publish Settings

Conditions: Include: Entire Site

file p2zr0PkrZk 2 Popups: Slide-Ins 9

Triggers: On Page Load

file YMQXs0LYFq 1 Popups: Slide-Ins 11

Keep visitors engaged with an exit-intent popup. Elementor Premium Services offers expert help designing and implementing the perfect popup. 

Need expert help in creating that perfect lead-collection popup for your marketing campaign? Check out Elementor Premium Services.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article