Popups that convert without annoying people

Popups work. That’s why they’re everywhere, and also why people hate them. The difference between a popup that converts and one that drives visitors away is almost always timing, frequency and relevance, not design.

Start with the goal, not the popup

Before you build anything, write down in one sentence what the popup is for and who it’s for. For example:

• “Offer the free checklist to blog readers who reached the end of an article.”
• “Remind cart visitors about free shipping above $50.”
• “Ask first-time visitors to the pricing page if they have questions.”

If you can’t write that sentence, you probably don’t need a popup. A well-placed call to action inside the page often does the job better.

Pick a trigger that matches intent

Akram supports six triggers. Each fits a different moment:

The click trigger is underrated. A button that says “Get the checklist” and opens a popup with the form is never annoying, because the visitor asked for it. In Akram, set any button’s link action to Open popup, or link to #nx-popup-ID.

Control frequency

Showing the same popup on every page view is the fastest way to lose goodwill. In Popup settings → Frequency & targeting, choose:

• Once per session for announcements.
• Once every N days for offers.
• Only once ever for signup prompts.

Target the right people

Use display conditions to narrow who sees the popup:

• New vs returning visitors: welcome offers only for first visits.
• Logged-in status: never ask members to sign up.
• Page type or category: blog offers on the blog, product offers on product pages.
• Number of visits: show a feedback prompt only after the third visit.
• WooCommerce cart: a free-shipping nudge only when the cart is below your threshold.

Make it easy to leave

A popup that’s hard to close is a popup that gets your page closed instead.

• Keep the close button visible, at least 44×44 pixels, in the corner people expect.
• Let clicking the overlay close it.
• Make sure Escape closes it.
• On mobile, prefer a bottom bar or slide-in over a full-screen modal.

Accessibility basics

Akram handles the technical parts for you: focus moves into the popup when it opens, it stays inside while the popup is open, Escape closes it, and focus returns to where the visitor was. It’s announced to screen readers as a dialog with its title.

Your part is the content:

• Use a real heading as the first line.
• Write button text that says what happens (“Send me the checklist”, not “Submit”).
• Don’t rely on color alone to show errors in forms.

A good default setup

If you just want something that works:

• Trigger: scroll depth at 60% on blog posts.
• Layout: slide-in at the bottom right on desktop, bottom bar on mobile.
• Frequency: once every 7 days.
• Targeting: not logged in, not already subscribed.
• Content: one sentence of value, one email field, one clear button.

Measure the results in your form submissions. If people convert but your bounce rate goes up, the popup is too early or too often. Move the trigger later before you change the design.