Skip to content
WordPress Guide

How to Add a Popup in WordPress Without Annoying People

How to choose a popup tool, set calm triggers and frequency, and keep a WordPress popup usable on phones and easy to close.

Hands holding an open brochure with a diagram
8 sections · 7 min read
In this article · 8 sections

You have one thing you want every visitor to notice: a seasonal offer, a free consultation, a newsletter with useful tips. Putting it in the middle of a page feels too quiet, so you have decided to add a popup in WordPress. You have also been on enough websites to know how irritating a badly timed popup can be.

You are right on both counts. A popup can earn its place on a small business site when it appears at a sensible moment, says one thing clearly and goes away the moment it is asked to. Most of that comes down to the tool you pick, the trigger, a few settings, and Google’s guidance on popups for mobile visitors.

First, is a popup the right tool?

A popup interrupts. That is its strength and its cost. Before building one, compare it with the quieter options:

Goal Often better as Why
Announce a holiday closure or a delivery delay An announcement bar at the top Everyone sees it without having to dismiss anything
Newsletter sign-up An inline form at the end of posts, or a gentle popup Readers who reach the end are already interested
A limited offer or a lead magnet A popup with a delay or scroll trigger It needs attention, and a well-timed box gets it
Legal or consent notices A dedicated consent tool It has to behave in specific ways a marketing popup will not

If a top bar would do the job, our post on adding an announcement bar instead covers that route. Cookie notices are a different job again, handled in the guide to setting up a cookie consent banner. The wider question of plugin versus block versus custom work is in our group guide on adding features to your WordPress site.

Choosing a popup tool

There is no popup block in WordPress itself, so you will use one of these:

  • A dedicated popup plugin. Popup Maker is a long-standing option in the plugin directory. You build the popup’s content in the WordPress editor and then set triggers and display rules.
  • Your page builder. If your site’s builder includes a popup feature, using it keeps the design consistent and avoids another plugin. Check what your version of the builder offers.
  • Your form or email tool. Many form plugins and email marketing services offer popup or “slide-in” forms. Handy when the popup is just a sign-up form.
  • A marketing service such as OptinMonster, which runs on its own platform and connects through a WordPress plugin. More features, more moving parts.

Whichever you pick, check two things first. Is anything on the site already making popups? Themes, builders and old marketing plugins sometimes do, and two systems fighting each other is a common source of trouble. And does the tool let you control frequency, mobile display and the close button? If it cannot, look elsewhere.

How to add a popup in WordPress

The labels below vary between tools, so treat them as a description of the stages rather than exact menu names.

  1. Write the message before you design anything. One headline, one or two lines of text, one button or a short form. If you cannot say it in that space, the popup is trying to do too much.
  2. Create the popup in your chosen tool. In Popup Maker, popups have their own section in the admin menu and are edited much like a page.
  3. Add the content: heading, text, and either a button linking to the offer page or a form. If it is a form, use the form plugin you already have so entries go to the same place.
  4. Set the trigger (see the next section). Avoid “on page load” for a first visit.
  5. Set where it appears. Most tools let you choose pages, posts or categories. A sale popup belongs on shop and service pages, not on your contact page or privacy policy.
  6. Set the frequency. After someone closes it, keep it away for a good while. Someone who said no once should not be asked on every page.
  7. Check the close options: a visible close button inside the box, closing when someone clicks outside it, and closing with the Escape key.
  8. Preview on a phone, then publish, clear your site cache and test in a private window as a new visitor.

Triggers: when the popup appears

  • Time delay. Shows after a set number of seconds. Simple, but a fixed delay fires whether or not the visitor is reading.
  • Scroll depth. Shows once the visitor has scrolled part of the way down. A better sign of interest than time alone.
  • Exit intent. Shows when the mouse moves towards the top of the window, as if to leave. This relies on mouse movement, so on phones it behaves differently or not at all, depending on the tool.
  • Click trigger. Shows only when someone clicks a button or link, for example “Get the price list”. This is the least intrusive kind, because the visitor asked for it.
  • Page count. Some tools wait until the visitor has seen two or three pages, which filters out people who were never going to stay.

For most small business sites, a scroll trigger or a click trigger is the calm choice.

Popups on mobile and Google’s guidance

Google’s search guidance has, for years, discouraged intrusive interstitials on mobile: boxes that hide what a visitor came to read the instant they land from a search result, so the visitor has to dismiss them before they can read. Google has described banners that use a reasonable amount of screen space as acceptable, and treats notices required by law, such as cookie consent or age checks, differently from marketing boxes.

In practice that means:

  • Do not show a full-screen popup on mobile the moment the page opens.
  • On phones, prefer a small bar or slide-in at the bottom, or switch the popup off for mobile entirely if your tool allows.
  • Place the × within the popup itself, and make it big enough for a fingertip.
  • Check the popup at phone width. A box designed on a laptop is often taller than a phone screen.

Following this will not promise anything about rankings. It does keep the page usable for someone who arrived wanting to read it.

Making the popup easy to close for everyone

Some visitors use a keyboard or a screen reader instead of a mouse. A good popup tool handles this, but check that it does:

  • Pressing Escape closes the popup.
  • When the popup opens, keyboard focus moves into it, and when it closes, focus goes back to the page.
  • The close button has a text label that a screen reader can announce, not just an icon.
  • Text contrast inside the popup is as readable as the rest of the site.

When something goes wrong

The common failures are a close button that does nothing, a popup that reappears after closing, or one that never shows because caching or a speed plugin interferes with its script. Those problems are covered step by step in our post on a WordPress popup that will not close. If you need to switch a popup off in a hurry, every tool has a way to disable or unpublish it without deleting the design, so you can fix it calmly and turn it back on.

If the popup collects email addresses, make sure the form is properly connected to your email service and that people know what they are signing up for; the post on a newsletter signup form for WordPress covers that connection. Popups are one small part of the bigger routine described in our WordPress management guide.

Frequently asked questions

How many popups should one site have?

Usually one active popup at a time is plenty. Two different offers competing for attention, or a popup appearing on top of a cookie banner, makes both less effective and annoys visitors. If you run a sale and a newsletter popup at once, limit each to different pages or turn the newsletter one off until the sale ends.

Can I show a popup only to visitors from a certain country or ad campaign?

Some popup tools offer targeting rules based on location, the page someone arrived from, or a campaign tag in the link. Simpler free plugins may not. If you only need the popup for people coming from one ad, it is often easier to put the offer on a dedicated landing page and skip the popup.

Will a popup plugin slow down my site?

It adds scripts and styles, and some tools load on every page even when the popup appears on only one. Check whether your tool loads its files only where a popup is active, keep images inside the popup small, and run a speed test on a key page before and after adding it.

A short form inside the popup works when you need very little, such as an email address. When you need more detail or want to explain an offer properly, a popup with one button leading to a landing page is usually clearer, and it keeps the popup small enough to work well on phones.

A new popup rarely needs outside help; the steps above cover it. A live one that has started clashing with other parts of the page is a different matter, since the cause can sit in the theme, a caching plugin or the popup tool itself. Tracing that kind of conflict is what our WordPress bug fixing service is for.

Next in this series: Add a Countdown Timer in WordPress for a Real Deadline

Is Your Website Working Properly?

Get a free website health check from WebMaintor. We'll review your website's speed, security, forms, and technical health — and tell you exactly what needs attention.

No obligation. No automated reports. A real review by our team.