Mockup of pop-up on a mobile device and laptop displaying a free ebook offer, no text, with confetti animation, widescreen format

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:

  1. Set up the pop-up template with attention-grabbing dimensions
  2. Style the overlay and background to look clean and professional
  3. Add a section with the core content:
    • Ebook image
    • Headings and descriptive text
    • Call-to-action download button
  4. Insert another section underneath for a surprise animation upon conversion
  5. 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.


Leave a Reply

Your email address will not be published. Required fields are marked *