Capture Leads with This Easy Exit Intent Ebook Pop-Up in Elementor

Struggling to convert your website traffic? Wish you could grab visitors’ attention right before they leave your site? Adding an exit intent pop-up can help boost conversions and grow your email list.

In this article, we’ll cover how to easily create an attention-grabbing exit intent pop-up featuring a free downloadable ebook. We’ll use Elementor page builder to put it together step-by-step.

🚀 Why Create an Exit Intent Ebook Pop-Up

Exit intent pop-ups display when a visitor is about to leave your site. They grab the user’s attention at a critical point when they may be more receptive to taking action.

Offering visitors a free ebook download gives them an added incentive to convert. As they attempt to exit, you present them with valuable content that relates to your niche and encourages them to engage further.

This tactic leads to:

Higher email sign-up rates
More conversions from leads already on your site
Increased brand awareness and shares from ebook downloads

In short, exit intent pop-ups + ebooks capture more leads before they disappear for good.

🏗️ How to Build the Pop-Up Ebook Funnel

Constructing the pop-up itself is straightforward with Elementor’s user-friendly drag and drop editor.

Here is an overview of the key steps:

Set up the pop-up template with attention-grabbing dimensions
Style the overlay and background to look clean and professional
Add a section with the core content:
- Ebook image
- Headings and descriptive text
- Call-to-action download button
Insert another section underneath for a surprise animation upon conversion
Configure display settings for exit intent trigger

All building blocks are within Elementor without needing any code. You arrange pre-designed widgets to create a custom conversion-driven pop-up.

Refer to the accompanying recipe for more details on how to craft an effective exit intent ebook offer pop-up from start to finish.

📜 Detailed Recipe

🍜 Ingredients:

Elementor page builder
Graphics/image editing software
Ebook file or image to feature

Time required: 30 minutes

🛠️ Set up the pop-up

Step: Press command E to open the pop-up editor and create a new pop-up
- Step description: Name your pop-up template and click “Create Template”
- Example: Name it “Exit Intent Ebook Pop-up”
Step: Adjust pop-up dimensions and position
- Step description: Open settings, set width and height larger, change content position to center
- Example: Set width to 800px, height to 600px, content position to middle
Step: Style pop-up background and overlay
- Step description: Set pop-up background transparent, remove box shadow, set overlay background white
- Example: Background color #transparent, Box shadow #FFFFFF 0px 0px 0px 0px, Overlay background color #FFFFFF
Time: 10 minutes

🎨 Add pop-up content

Step: Add section and intersection widget
- Step description: Drag section into pop-up, drag intersection widget into section
- Example: 1 column section, Advanced border intersection widget
Step: Style intersection
- Step description: Set background color, rounded borders
- Example: Background color #87CEEB, Border radius 5px
Step: Add image of ebook
- Step description: Drag image widget into intersection, add ebook image, set margins
- Example: Set margins to 20px -50px 20px 20px
Step: Add dividing line
- Step description: Add divider, set color and width
- Example: Color #87CEEB, Weight 5px
Step: Add header text
- Step description: Drag heading widget, enter “Get This Free Ebook”, set font
- Example: Font size 36px, Font weight 600
Step: Add supporting text
- Step description: Duplicate header, edit text, adjust margins between headings
- Example: Text “Learn how to increase website conversions”, Margins 0px 0px -10px 0px
Step: Add body text
- Step description: Drag text editor, enter descriptive text about offer
- Example: Line height 1.5, Font color #333333
Step: Add call-to-action button
- Step description: Drag button widget, set text, link, style
- Example: Text “Download Now”, Link to ebook, Background color #FFCC00, Border radius 25px
Step: Adjust intersection content position
- Step description: Open intersection settings, set content position middle
- Example: Content position middle
Time: 15 minutes

🎉 Add surprise animation

Step: Adjust column margins
- Step description: Open column settings, set advanced margins
- Example: Margins 0px 0px 150px 0px
Step: Add new section
- Step description: Insert new section with one column under pop-up section
- Example: 1 column section
Step: Adjust new section
- Step description: Set z-index below main section, add entrance animation
- Example: Z-index -1, Entrance animation Zoom In
Step: Add surprise image
- Step description: Drag in image widget, use negative margin to place underneath
- Example: Image of confetti, Margin -100px -100px -100px -100px
Time: 5 minutes

⚙️ Set up pop-up display conditions

Step: Set up site-wide trigger
- Step description: Under Display Conditions, select Entire Site. Under Triggers, turn on On Page Exit Intent.
Time: 2 minutes

🌟 Tips for Pop-Up Success

To maximize results, keep these best practices in mind:

Provide Value – Offer an in-demand ebook that provides real utility to your audience and niche. Help solve their pain points.
Limit Text – Too much text overwhelms. Craft simple, scannable copy that quickly communicates value.
Use Contrast – Make elements stand out clearly against the backdrop. Don’t blend elements into the background.
Optimize Mobile Experience – Test across devices. Almost half of traffic comes from mobile, so the pop-up must translate seamlessly.

Adding this type of exit intent ebook pop-up takes under an hour while providing long-term dividends in lead generation and conversions.

Give your visitors an offer they can’t refuse right before they disappear. Follow the steps in our recipe to start capturing more leads today.