V4 Early Bird: save 25% on Annual, 30% on Lifetime, and get 2x site activations on every plan. Ends Oct 17.V4 Early Bird: up to 30% off + 2x sites · ends Oct 17. See plans →
Interaction extension · Pro

Elementor Popup Builder for Elementor 4: popups that match the rest of your site

Sign-up offers, booking forms and video tours, designed in the Elementor 4 editor with your own Classes and Variables. Build each popup as a template, pick an animation preset and timing, and run it without Elementor Pro.

  • Popup template type for Elementor 4
  • Built from atomic elements
  • Animation presets and per-popup timing
  • Works on Elementor Free

Animation Addons 4.3Updated

Demo variations

Six ways to use Popup.

Every demo uses Popup from Animation Addons Pro on Elementor 4's own elements. The settings on each card are a good place to start.

01Small online shops and bakeries

First-order discount

A centred card with a photo, a one-line offer and an email field, appearing a few seconds after the visitor arrives.

Built with
Popup template with a two-column Flexbox; Image, Heading, Paragraph and the free Animation Addons Form with an email Input and Submit Button.
Start with
card max width 760px; a gentle animation preset; a timing delay so the visitor can read first.
02Clinics, salons and studios that take appointments

Booking request form

A tall popup with a short form and a calm reassurance line.

Built with
Popup template holding the free Animation Addons Form with Input, Select and Textarea fields; Success message replaces the form.
Start with
one-column form, 520px wide; a slide-in style preset.
03SaaS and product launches

Product video tour

A dark, wide popup with the product video and a "Start free trial" button underneath.

Built with
Popup template with the free Animation Addons Video element and a Button.
Start with
popup width 960px; dark Flexbox background; a fade-style preset.
04Courses, events and product drops

Launch countdown

A compact popup with a launch countdown and a one-field reminder form.

Built with
Popup template with the free Countdown, a Heading and the free Form.
Start with
countdown units in a single row; a timing delay; a playful preset.
05SaaS pricing pages

Feature comparison

A scrollable popup with an accordion of feature groups and a sign-up button at the end.

Built with
Popup template holding the free Accordion and a Button.
Start with
popup max height 80vh with internal scrolling; a quiet fade-style preset.
06Agency portfolios

Case study highlights

A headline, three result lines and a link to the full case study.

Built with
Popup template with Heading, the free Icon List and a Button.
Start with
popup width 880px; a slide-in style preset.
Features

What you get with Popup.

Every point below is a real control in the Popup panel section or part of how it works. Nothing here needs custom code.

Designed in the Elementor 4 editor

Popups are edited like any Elementor 4 page, so they use your Classes, Variables and responsive settings and match the site.

A real template type

Each popup is its own Theme Builder template. Build it once and use it across the site instead of copying a hidden section onto every page.

Animation presets and timing

Pick an entrance from the animation presets instead of building keyframes, and give each popup its own timing in the settings modal inside the editor.

Anything an atomic element can hold

Forms, video, countdowns, accordions, images and buttons all work inside a popup, including Animation Addons widgets and their extensions.

Step by step

How to use the Elementor popup builder for Elementor 4

Six steps from switching it on to publishing. The bold names are the exact labels you will see on screen.

Get Animation Addons Pro
  1. Install Animation Addons for Elementor and activate Animation Addons Pro, then check that Popup is on under Animation Addon > Settings > Extensions.

  2. Go to Animation Addon > Theme Builder and add a new template with the popup type.

  3. Open it in the Elementor 4 editor and design the popup with atomic elements: a Flexbox card, a heading, a form or a video.

  4. Open the popup's settings modal in the editor, choose an animation preset and set its timing.

  5. Publish the template.

  6. Visit the site on desktop and on a phone to check when and how the popup appears.

Who it's for

Who uses Popup?

The people who get the most out of it, and what they use it for.

  • Online shops

    Offering a first-order discount or a newsletter sign-up.

  • Service businesses

    Collecting booking or quote requests.

  • SaaS and course sites

    Showing a video tour, a feature comparison or a launch countdown.

  • Agencies on Elementor Free

    Who need client popups that match the site.

FAQ

Questions about Popup

Is there a popup builder for Elementor 4?

Yes. Animation Addons Pro includes Popup, an Elementor popup builder for Elementor 4. Each popup is a template in the Animation Addons Theme Builder, designed in the Elementor 4 editor with atomic elements, and has its own animation presets and timing. It runs on Elementor Free as well as Elementor Pro.

Can I make a popup in Elementor without Elementor Pro?

Yes. Animation Addons Popup does not use Elementor Pro's Popup Builder. You need Elementor (Free is enough), the free Animation Addons for Elementor plugin and a licensed Animation Addons Pro. Create the popup as a Theme Builder template, design it with atomic elements and set its timing in the popup settings.

What are the limits of Animation Addons Popup?

Animation Addons Popup needs a licensed Animation Addons Pro, which registers the popup template type, and each popup is a separate template rather than something drawn on the page. You design it on its own canvas, so check the entrance and timing in Preview or on the live site. Legacy v3 popups remain a separate template type.

Can I put a form inside a popup?

Yes. Animation Addons Popup templates hold atomic elements, including the free Animation Addons Form with admin email, auto-reply, webhook and redirect actions and stored submissions. That makes Popup a practical way to run sign-up, booking and quote forms without sending visitors to a separate page.

Do popups hurt SEO?

They can, if a popup covers the content as soon as a mobile visitor arrives; Google's guidance warns against intrusive interstitials. Use Animation Addons Popup timing so visitors can read first, keep the close control obvious, and keep the main page content complete without the popup, so search engines and readers get the full page.

What happens to my old Animation Addons v3 popups?

Animation Addons keeps v3 popups as a separate template type, and existing ones stay listed and editable. One exception: importing a full Elementor 4 starter template switches v3 features off, which sets published v3 popups to draft; the plugin records which ones so they can be restored.

Can elements inside a popup be animated?

Yes. A popup template is built from atomic elements, so the Animation Addons extensions that attach to those elements are available inside it. A heading in a popup can use Text Animation and a button can use Button Pro hover effects, in addition to the entrance preset the popup itself plays.

More answers in the FAQ · Documentation · Free vs Pro

Popups that look like the rest of your Elementor 4 site

Atomic popup templates with animation presets and timing, without Elementor Pro. Need something free right now? The free Animation Addons Form can sit inline on the page as a sign-up block.

  • Included in Animation Addons ProFrom $39 a year or $59 once
  • Elementor Pro not requiredRuns on Elementor Free
  • 15-day refund windowFor eligible first purchases