Recommended Free Tools
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
Antihost offers managed WordPress hosting with free migration, one-click staging and a 14-day free trial.
To build a popup in Elementor, you need an activated Elementor Pro Advanced plan or higher. In WordPress, open Editor > Templates > Popups, create a popup template, design it in the Elementor Editor, publish it, and then configure three separate controls: Display Conditions for where it may appear, Triggers for when it opens, and Advanced Rules for frequency and targeting limits. A button-driven popup uses a manual or on-click trigger, not a page-load trigger.
What you need before creating an Elementor popup
Elementor’s Popup Builder is not a basic editor feature. The Elementor Help Center states that the Popup Builder, display conditions, triggers, and advanced rules are available exclusively in Elementor Pro (Advanced plans and higher). Install and activate the eligible Pro plan before looking for popup templates. If the Popups area or targeting panels are missing, confirm that the Pro plugin is active and that the subscription tier includes the Popup Builder.
- WordPress administrator access or a role that can create Elementor templates.
- An activated Elementor Pro Advanced plan or higher.
- A clear purpose for the popup, such as a newsletter signup, announcement, promotion, contact form, or two-step offer.
- The page, post type, category, or site area where the popup should be available.
- The interaction that should open it: page load, delay, scroll, inactivity, exit intent, or a button click.
Deciding the purpose and opening action first prevents a common mistake: designing a generic modal and then applying a trigger that interrupts visitors at the wrong moment.
How Elementor separates popup targeting controls
Elementor uses three different layers. Keeping them separate makes the settings easier to reason about:
#1 Best Overall
- Powerful Turbo Fan:CAGIWIRU Electric Air Duster have reached speed up to 130000RPM,Can efficient remove dust and debris.With LED light and Three Adjustable Speed to meet with different cleaning tasks.
- With Attached USB C Fasting Charging cable.Charing 3 hours,Enjoy up to 240 minutes of use on the lowest setting, For third speed can use for 25mins.with four charging options to meet with your needs.
- Wide Application: attached 5 different nozzles,making it suitable for a variety of scenes, such as car,pet, pc, keyboards, and other electronic devices. It also serves for office and home clean duster.
- Handy Design & Portable:Cordless air duster electric nozzle is Light weight and small size, design and comfortable to hold and space saving, convenient to carry around. You can put it in your room or inside the car without taking up space.
- Economical &Reusable: Built durable materials with a long-lasting battery,our CAGIWIRU air duster it's a sustainable alternative to disposable air cans.
| Control | Question it answers | Typical settings |
|---|---|---|
| Display Conditions | Where is this popup eligible to appear? | Entire site, front page, selected page, post type, category, or another included area; exclusions can narrow the scope. |
| Triggers | When should an eligible visitor action open it? | Page-load delay, scroll direction or threshold, scroll to an element, click count, inactivity delay, or exit intent. |
| Advanced Rules | How often and under what additional circumstances may it appear? | Page-view or session requirements, maximum displays, referral URL, and device targeting. |
A popup can satisfy its condition and still remain closed because its trigger has not occurred. Conversely, a trigger cannot make a popup appear on a page excluded by its conditions. This distinction is especially important for a button: the page must be included, and the popup must use a manual/on-click opening method rather than an automatic page-load trigger.
Step-by-step: create and publish an Elementor popup
1. Confirm the Pro feature tier
- Sign in to WordPress and open the plugins or Elementor settings area.
- Check that Elementor Pro is installed, activated, and connected to an eligible subscription.
- Open the Elementor template interface and look for the Popups section. If it is unavailable, resolve the license or activation issue before designing anything.
The official Elementor Help Center page titled “Conditions, triggers, and advanced rules,” updated August 27, 2026, describes the Pro requirement and the roles of each control. The creation workflow is documented in “Create a popup,” updated September 15, 2026.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →2. Create a popup template
- In WordPress Admin, go to Editor > Templates > Popups.
- Click Add New Popup.
- Enter an internal name that identifies the purpose and scope, such as
Newsletter - Blog PostsorSpring announcement - Homepage. - Click Create Template.
Elementor opens its template library after the template is created. The name is for administration, so use a naming scheme that will still make sense when several campaigns are active.
3. Start from a template or a blank canvas
You have two valid starting points:
- Library template: insert a prebuilt layout, then replace its text, imagery, form, colors, and button action.
- Blank popup: close the library and build the structure yourself when the design needs to match an existing site component or a specialized workflow.
Match the content to the opening context. A page-load announcement needs a concise message and an obvious close control. A newsletter popup should explain what the visitor receives and how often. A two-step offer can use a first popup for the choice and a second interaction for the form. Do not use a long sales message for a trigger that fires during reading or immediately after page load.
Rank #2
- Screen Cleaner is Your Screen’s New Bestfriend! - EVEO is proud to present a screen cleaner that’s perfectly suited for your TV. Meet your new screen cleaner, computer screen cleaner, laptop cleaner, iPad cleaner, Macbook,tv cleaner or any other electronic device. Our screen cleaner spray and wipe along with the included plush microfiber cloth, easily removes dust, fingerprints & other smudges on the screen’s surface. Clean effectively for a streak-free screen
- Gentle on your Screens - Our screen cleaner spray and wipes is compatible to be used even for the most sensitive LCD, LED, CRT, and OLED screens in proper use. Be at ease knowing that this product is compatible with all the major brands: LG, SONY, Samsung, Sharp, iPad, iPhone, Android screens, Kindle, PC monitors - we’ve got you covered! Can be used as LCD screen cleaner, tv cleaner, smart tv screen cleaner, and more
- Premium Super Soft Plush Microfiber Cloth - Included in this efficient screen cleaning kit. This screen cleaner spray and wipe has our signature plush microfiber cloth specially designed to comply with screens and monitors and leave them streak-free. Has been shown to effectively absorbs stubborn stains, zero streaks, and no fiber shedding. Always use this together with our screen cleaner for the best results
- Easy-to-Use Screen Cleaner Kit + microfiber cleaning cloth - The EVEO Screen Cleaning Kit will easily be your new favorite tool when it comes to taking care of the things you love most, quick and easy solution for a streak-free screen. Simply screw on the sprayer gun on the screen cleaner bottle. Spray the cleaning liquid onto the microfiber cloth, then wipe the screen until desired cleanliness & shine is achieved.
- Quality Screen Care Kit Worth Purchasing - Enjoy a convenient Screen Cleaner anytime, anywhere you need it. Your satisfaction is our top priority. We stand behind the quality of our products and that’s why, you shouldn’t be worrying at all. We manufacture the Best Screen Cleaner. and can be used for laptop cleaning kit, laptop screen cleaner, tv screen cleaner for smart tv. MacBook screen cleaner, monitor cleaner or screen cleaner spray for electronic devices with microfiber cleaning cloth
4. Set the popup layout and design
Use the popup settings in the Elementor Editor to establish the modal’s dimensions and position before adding detailed content. Elementor documents controls for width, height, and horizontal position. A full-screen treatment can use 100vh for both width and height when that presentation is appropriate.
- Set the popup width and height for the desktop layout.
- Choose the horizontal position and any spacing needed to keep the modal clear of the viewport edges.
- Add the content structure: heading, explanatory copy, image or background, form, primary call to action, and close control.
- Switch to tablet and mobile previews and adjust typography, spacing, columns, and button width for smaller screens.
- Check that the close control remains visible against the background and that the popup does not require horizontal scrolling.
A compact modal is generally suited to a short announcement or signup. A full-screen popup is more appropriate when the content needs a deliberate, focused step, but it also covers more of the page and demands stronger mobile and keyboard testing.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →5. Publish and set Display Conditions
- Click Publish in the Elementor Editor.
- When the Display Conditions panel opens, choose an include rule for the content area where the popup should be eligible.
- Use exclusions when a broad include rule would cover pages that should not show the popup.
- Save the condition set and continue to the trigger configuration.
Conditions are geographic in the site structure, not a timer. They determine whether Elementor can use the popup on a location such as the entire site, the front page, a category, a post type, or another selected area. For a campaign limited to one landing page, include that page rather than the entire site. For a blog signup, include the relevant post or category area and exclude checkout, account, or other pages where an interruption would be inappropriate.
| Desired scope | Condition approach | Why it matters |
|---|---|---|
| Every eligible page | Include the entire site, then add exclusions for sensitive or transactional areas. | A broad rule is easy to create but can expose the popup where it does not belong. |
| Homepage announcement | Include the front page only. | The announcement remains tied to the page that provides its context. |
| Blog category campaign | Include the selected category or content area. | Readers outside that topic do not receive an unrelated offer. |
| Single landing page | Include the specific page. | Useful for a campaign or form tied to one conversion path. |
6. Choose a trigger: when should the popup open?
After conditions, configure Triggers. Elementor’s documented trigger inventory includes the following options:
Rank #3
- 【Large size】：Measuring 800 x 300 mm/ 31. 5×12 inches, which is wider and taller than others. Large mouse pad can perfectly fit your keyboard and mouse of any size, and there is also ample space for peripherals such as phones, tablets, etc.
- 【LED backlight mouse pad】：Blade Hawks RGB mouse pad provides 7 static modes and 7 dynamic modes will give you the options you are looking for. Power-off memory function remembers the last lighting mode you selected. The super glow fiber Chroma will give you a colorful gaming setup that you want.
- 【Anti-slip rubber base】：Made from Natural rubber, this gaming mousepad will firmly grip your desktop, allowing you to enjoy the ultimate precision in the games you are most passionate about. It also comes with a texture that enhances this ability even further.
- 【Smooth and waterproof surface】: Micro-textured cloth surface, for extremely precise mouse control and a smooth movement. When liquid splashes on the gaming mouse pad, it forms water droplets and slides down. Will not delay your work or gameplay.
- 【Plug and play】: This mouse and keyboard pad is powered by USB, plug and play, no driver required. One button control light modes. Press one time to change the lighting mode, press twice to change the brightness, press and hold about 3 seconds turn ON/OFF.
| Trigger | What it does | Good fit | Watch for |
|---|---|---|---|
| Page load with delay | Opens after the page has loaded and an optional delay has elapsed. | A time-sensitive announcement or a short, site-wide notice. | An immediate or very short delay can interrupt visitors before they understand the page. |
| Scroll direction or threshold | Opens when a visitor scrolls in the configured direction or reaches the selected portion of the page. | An offer revealed after a reader has consumed some content. | A threshold that is too low can behave like a page-load popup. |
| Scroll to element | Opens when a visitor reaches an element identified with a CSS ID. | A form or related offer placed after a specific section. | The CSS ID must be applied to the intended element and remain unique on the page. |
| Click count | Opens after the configured number of clicks. | A staged interaction or a campaign that follows several user actions. | Use a clear call to action so visitors understand what their click does. |
| Inactivity delay | Opens after the visitor has not interacted for the configured period. | A help prompt or assistance message. | Do not mistake inactivity for intent; the visitor may simply have paused to read. |
| Page-exit intent | Attempts to open when the visitor is leaving the page. | A final reminder or alternative action. | It is not the same as a normal button click and should not be used for routine navigation. |
| On-click/manual | Opens in response to a deliberate control, such as a button. | Newsletter, details, contact, or offer dialogs launched by the visitor. | The popup must be available on the button’s page, and automatic page-load triggers should not be enabled for this use. |
Choose the smallest trigger that matches the purpose. A button-driven contact form should wait for the button. An announcement can use a controlled page-load delay. A long article may benefit from a scroll threshold, but only if the message is relevant to readers who have reached that point.
7. Add Advanced Rules
Advanced Rules control repetition and additional targeting after the condition and trigger have been selected. Elementor documents rules for requiring a number of page views or sessions, capping the number of displays, and targeting by referral URL or device.
Outdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchPC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11- Page views: require a visitor to view a specified number of pages before the popup becomes eligible.
- Sessions: delay eligibility until the visitor has returned for a specified number of sessions.
- Maximum displays: cap how many times the popup may be shown instead of presenting it on every qualifying visit.
- Referral URL: target visitors arriving from a particular referring address when that context is part of the campaign.
- Device: limit the popup to selected device categories when the content or layout is not suitable everywhere.
Use frequency limits to protect returning visitors from repeated interruptions. A recurring signup request should have a defined display cap or a page/session requirement. Device rules are useful when a full-screen design is practical on desktop but needs a separate mobile treatment.
8. Save, close, and verify the intended path
- Click Save & Close after the conditions, triggers, and rules are configured.
- Open the exact page and device type where the popup should appear.
- Test the intended opening action, including the delay, scroll position, CSS-ID location, or button click.
- Close the popup and reopen the page to check the frequency behavior.
- Test the close control with a mouse, keyboard, and touch input.
- Check the mobile layout, form destination, validation messages, and confirmation behavior.
- Confirm that the popup is not appearing on unrelated pages because an include rule is broader than intended.
These checks validate the actual path a visitor will take. The Elementor Help Center documents the available controls; whether a particular site behaves as intended still depends on its conditions, page structure, CSS IDs, device layout, and other active plugins or caching layers.
Rank #4
- 【Softer and More Comfortable】Vaydeer wrist rest has unique diamond pattern, which is the combination of softness and aesthetics. The materials of wrist rest are improved into higher quality memory foam and covered with silky smooth lycra. The computer wrist rest makes you as comfortable and cushiony as like rest your wrists on clouds.
- 【Ergonomic Wrist Saver】The wrist rests for keyboard and mouse comes with a 17.32×3.15×0.83 inch keyboard wrist pad and a 5.94×3.15×0.83 inch mouse wrist support. Based on ergonomic design, the unique concave shape is the perfect fit for your wrist joints. The wrist rest pad fits most computer keyboards and laptops, improve hand and wrist posture, release your wrist and arm stress.
- 【Non-Slip Rubber Bottom】Featuring an anti-skid silicone base on the bottom, this wrist keyboard support stays firmly in place on your desk, preventing the padding from sliding around, ensuring stable and consistent wrist support during extended computer sessions.
- 【Better Experience & Pain Relief】Our keyboard arm rest is beneficial to alleviate the soreness caused by direct contact and friction between your arm and a hard desk surface, reducing the risk of wrist fatigue or carpal tunnel. The soft texture of memory foam can evenly distribute the pressure around your wrists and provide good support with just enough give.
- 【Helpful in Multiple Scenarios】Whether you're working, studying, writing, typing, gaming, this keyboard and mouse rest combo is an essential accessory to add comfort and support to your hands and wrists. It’s also a great gift for men, women, family, friend, coworker, gamer, teacher, etc.
How to open an Elementor popup when a visitor clicks a button
A button popup is a user-invoked dialog. The essential configuration is: include the page containing the button in the popup’s Display Conditions, publish the popup, and use the Elementor popup/on-click action for the button rather than an automatic page-load trigger.
- Create and design the popup using the workflow above.
- In Display Conditions, include the page, post, or content area where the button is located. If the button appears in a reusable header or template, include every location where it can legitimately be used.
- Publish the popup and complete the condition, trigger, and advanced-rule panels. Do not enable a page-load, scroll, inactivity, or exit-intent trigger if the popup should open only after a button click.
- Edit the page in Elementor and select the button widget.
- Use the button’s popup or manual/on-click action control and select the saved popup by its internal name. Keep the button label explicit, such as “Request details” or “Join the list.”
- Update the page, open it as a visitor, and click the button. Verify that the popup opens once, the background page remains in the expected state, and the close control returns the visitor to the page.
If the button does nothing, first check that Pro is active, the popup is published, the page is included by its conditions, and the button references the current saved popup rather than an unpublished draft. If the popup opens as soon as the page loads, remove the automatic trigger; a button workflow should rely on the manual/on-click action.
Choosing the right combination of conditions, triggers, and rules
| Goal | Conditions | Trigger | Advanced-rule considerations |
|---|---|---|---|
| Homepage announcement | Front page | Page load with a controlled delay | Cap displays so returning visitors are not interrupted repeatedly. |
| Newsletter on selected articles | Relevant post type or category | Scroll threshold or delay | Require page views or limit the maximum displays. |
| Contact form launched by a CTA | Every page containing the CTA, or the specific landing page | Manual/on-click | Do not add an automatic trigger; use device rules only if the form needs separate layouts. |
| Help prompt after a pause | Support or documentation area | Inactivity delay | Limit frequency so the prompt does not recur on every page. |
| Last-chance offer | Campaign pages | Exit intent | Use a display cap and a clear alternative action. |
This framework avoids mixing a location rule with an event rule. First decide where the popup is valid, then decide what visitor action should open it, and finally decide how often and for whom it may repeat.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Troubleshooting an Elementor popup
The Popups area or targeting panels are missing
- Confirm that Elementor Pro is installed and activated, not only the base Elementor plugin.
- Verify that the subscription is an Advanced plan or higher, because the Popup Builder and its targeting controls are Pro-gated.
- Reload the WordPress admin after activation and check the template navigation again.
The popup never appears
- Check that the template is published rather than saved as a draft.
- Review Display Conditions and make sure the current page is included.
- Confirm that the selected trigger has actually occurred: wait for the delay, reach the scroll threshold, become inactive, or perform the required click.
- For a button popup, verify that the button points to the saved popup and that the page containing it is eligible.
- Test the page in the intended device view and, where appropriate, in a fresh session so frequency rules do not hide the result.
The popup appears on pages where it should not
Inspect the include rule first. An entire-site condition makes the popup eligible broadly; narrow it to the front page, category, post type, or individual page and add exclusions for areas such as account, checkout, or confirmation screens.
Best Value
- 【No Drill Mounted】Cable management tray can be assembled in as little as 3 minutes or less-simply. Side clips easily clampe the edge of desk, pass through the holes on the sides, and secure excess cables with baskets. Desk cable management supports inward or outward installation to meet your needs in different scenarios, and provides you with great convenience when collecting and organizing wires.
- 【Rubber Pad Protects Desk】Wire organizer under desk built-in soft rubber pads on the clamp protect your desk from scratches, so you will not damage your furniture or office.
- 【Sturdy and Beautiful】Cord management under desk is made of high-quality carbon steel and holds about 15 lbs. The wire basket has 2 holes on each side of the tray to enable your cables to pass freely. Cable baskets are suitable for desk thickness use from 0.4" to 2.4".
- 【Space Saving & Keep Organized】Desk cable management tray holds all your power cords, outlet strips, USB hubs and computer transformers hidden from your feet, and the data cables will not enter the vacuum cleaner to keep your desk clean and tidy. Desk wire organizer is also suitable for use in the kitchen and outdoors.
- 【Reduce Safety Risks】Cable tray under desk keeps all plugs away from your kids, no more worry about tripping. Using 2 holes wire tray saves extra space, helps you easily cabling and wire protection. The mesh design is not easy to accumulate dust, but avoids safety accidents caused by messy wires.
The popup opens immediately instead of after a button click
Remove any page-load delay, scroll, inactivity, or exit-intent trigger that was added during setup. Keep the popup published and available on the button’s page, then use the button’s manual/on-click popup action. A condition makes the popup eligible; it does not itself define the click event.
The popup displays too often
Open Advanced Rules and set a page-view or session requirement, a maximum display count, or both. Consider whether a visitor who has already dismissed the message needs to see it again during the same session.
The design is clipped or difficult to use on mobile
- Switch to Elementor’s mobile preview and reduce oversized headings, padding, and fixed-width content.
- Check that the close control remains visible and that the form and primary button fit within the viewport.
- Reconsider a full-screen layout if a compact modal can communicate the same message with less obstruction.
- Test portrait and landscape orientations on an actual phone or tablet, not only the desktop browser window.
The form or button works visually but not functionally
Submit the form in a test session and confirm the destination, validation, success message, and any follow-up action. For a button that should close the popup or move to another page, verify its action independently from the popup’s opening trigger.
Accessibility and visitor-experience checks
A popup is an interruption, so its interaction must be more obvious than an ordinary content block. Before publishing a campaign, check the following:
- The purpose is clear from the heading and supporting text.
- The close control is visible, labeled appropriately, and usable with keyboard, mouse, and touch.
- Text and controls have sufficient contrast against the popup and overlay.
- The layout remains readable when browser text is enlarged or the viewport is narrow.
- The popup does not appear repeatedly because a broad condition and unrestricted trigger were combined.
- A visitor can leave the popup without losing the page context or being forced into the primary call to action.
These are verification standards for the finished page, not additional Elementor settings. They matter whether the popup opens automatically or after a deliberate click.
Publication checklist
- Feature tier: Elementor Pro Advanced plan or higher is active.
- Template: the popup was created under Editor > Templates > Popups.
- Design: width, height, position, content, close control, and responsive layouts are complete.
- Conditions: the intended pages or content areas are included, and unwanted areas are excluded.
- Trigger: the opening event matches the purpose; button popups use manual/on-click behavior.
- Rules: page-view, session, display-cap, referral, and device limits are intentional.
- Testing: the popup opens on the correct page and device, closes correctly, and does not appear site-wide by accident.
- Form and links: submissions, buttons, and destinations have been tested.
Once these checks pass, the popup has a defined location, a defined opening event, and a defined frequency policy—the three decisions that control how Elementor presents it to visitors.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
