How to Create Exit Intent Popups with Elementor Pro

Exit Intent Popupis an effective tool for guiding users to take action before leaving a website, such as subscribing to a newsletter, getting a discount offer or filling out a form. With Elementor Pro, it's easy to create such pop-ups that present key information and increase conversions when users try to leave. This article will detail how to use Elementor Pro Create and customize exit intent popups.

Step 1: Create a pop-up window template

Access to pop-up window settings

First, Elementor Pro has been installed and activated. in the WordPress dashboard, select "templates">"pop-up window". Click "Add New Popup" to start creating your popup template.

Name and select the template

Enter the name of the popup window, e.g. "Exit Intent Offer Popup". This makes it easy to find and edit this popup at any time. Click "Creating Templates" after which you can select a preset design from Elementor's template library or start with a blank template.

typical example
for exampleSuppose you run an online bookstore and want to display a free trial of an eBook when a user tries to leave the site. You can name the pop-up window "Free Trial Offer" and select a relevant design from a library of preset templates.

Step 2: Design the pop-up window content

Add Content Module

Using Elementor's drag-and-drop functionality, add theHeader, textbox, image, button and form modules. Make sure that the design is clean and attractive so that the user understands at a glance the offer you are providing.

module (in software)element,typemodifications

Mainly used to set the base content of the popup window, such as text, images and buttons.

Optimize design to improve conversion rates

• Image Selection: Choose images related to your offer. For example, you can add an image of the cover of a best-selling book for added visual appeal.

• button text: Button text should be clear and inviting, such as "Try it now" or "Get a free chapter".
• form field: Forms should be kept as simple as possible, collecting only the necessary information. For example, users should only be asked to enter their e-mail address to get a trial of an e-book.

Step 3: Setting up popup triggers

Select Trigger Condition

Click "post"button, select "prerequisite" to determine where the pop-up window is displayed. You can choose to display it throughout the site, or only on specific pages. For example, an exit intent popup can be set up only on product detail pages or shopping cart pages.

Setting the trigger to exit intent

Select "flip-flop (electronics)" panel and enable the "Page Exit Intent" option. This triggers the pop-up window when the user's mouse cursor leaves the browser window.

Advanced Rule Setting

Make advanced settings as required. For example, pop-ups can be set to display only on desktop devices or not if the user is logged into their account.

Step 4: Test and publish the popup

1. Save and activate the pop-up window
   Once you have completed the design and settings, click the "Save and Close" button in the lower right corner to publish the popup to your website.
2. Test pop-up window
   To make sure the popup is working properly, test it against the display conditions you have set. Move your mouse off the page on a product page or checkout page to see if the popup triggers.

reach a verdict

By setting the exit intent popup in detail, you can effectively retain users who are about to leave the site and increase conversion rates. Use the Elementor ProYou can easily realize these effects and adjust the popup window design and trigger settings according to your needs at any time.