Popup forms help you capture visitor attention at the right time. You can use them for:

• Lead generation
• Email newsletter signup
• Discount codes (10% off)
• Exit-intent popups
• Login/Register forms
• Appointment booking
• Announcing flash sales
• Collecting feedback

Elementor Pro makes this extremely easy without coding.

• Elementor Pro (required for Popup Builder)
• A form plugin (Elementor Forms, Fluent Forms, or WPForms)
• Your email marketing tool (optional)
  • Mailchimp
  • MailerLite
  • FluentCRM
  • Sendinblue

Step 1 — Open Popup Builder

1. Go to Templates → Popups
2. Click Add New Popup
3. Name your popup (Example: Discount Popup)

Step 2 — Choose a Template

Elementor offers 100+ popup templates:

• Newsletter popups
• Floating bars
• Fullscreen popups
• Discount popups
• Login & signup forms

Step 3 — Add a Form

Drag the Elementor Form Widget and add fields:

• Name
• Email
• Phone (optional)
• Message

Step 4 — Connect to Email Services

In Form → Actions After Submit, add:

• Email
• Webhook
• Mailchimp
• MailerLite
• FluentCRM

Configure your integration (API Keys required).

Step 5 — Style the Popup

• Change background color
• Add gradient overlay
• Use images or icons
• Adjust spacing & padding
• Add animations (Slide In, Fade In, Zoom)

Elementor supports multiple popup triggers:

• On Page Load
• On Scroll (percentage based)
• On Scroll to Element
• On Click (great for CTA buttons)
• Exit Intent (detects user leaving)
• After Inactivity

For best conversions:

• Use Exit-Intent for offers
• Use On Click for forms
• Use Scroll Trigger for content upgrades

• Entire Site
• Specific Pages
• Posts Only
• Product Pages
• Archive Pages
• 404 Pages

For offers, use WooCommerce → All Products.

For blog signups, use Posts → All Posts.

Step 1 — Create a Button

1. Add an Elementor Button
2. Go to Link → Dynamic Tags
3. Select Popup
4. Choose Open Popup
5. Select your popup

Now your button opens your popup instantly.

Exit-intent pops up when the user moves cursor near the browser close button.

Elementor Setup:

1. Edit your popup
2. Go to Display Conditions
3. Go to Triggers
4. Enable Exit Intent

These convert extremely well for:

• Discount offers
• Lead magnets
• Cart abandonment recovery

• Show at the right time (not instantly)
• Keep the design clean
• Use fewer fields (Name + Email)
• Use clear CTAs (Get Offer, Join Free, Download Guide)
• Use images or icons
• Add urgency timers for offers
• Optimize for mobile screens
• Avoid showing popup too often

1. Popup Not Opening?

• Clear browser & plugin cache
• Disable optimization plugins temporarily
• Ensure Elementor Pro is active
• Check trigger settings

2. Popup Opens but Immediately Closes

Disable “Avoid Multiple Popups”.

3. Popup Not Responsive?

• Adjust width in popup settings
• Check mobile viewport settings

4. Buttons Not Triggering Popup?

• Ensure popup is published
• Check Trigger → On Click
• Re-assign popup in dynamic tags