Popup: modals, slide-ins, exit intent
Build Amabrik popups: start from a template, trigger on exit intent, scroll or a delay, target the right visitors, and capture emails straight to your CRM.
The Popup widget shows a message at the right moment: a centered modal, a slide-in from a corner, a side pane, or a slim bar at the top or bottom of the page. Use it for an email signup, a discount or promo code, an announcement, an exit-intent offer, a lead magnet, or a welcome bar. You build it from blocks (heading, text, button, form, image, timer, coupon, and more), set when and how often it shows, and target who sees it. When a popup captures an email, the address goes straight to your connected CRM and is never stored on Amabrik.
A popup does not take payments. It captures emails and links to your own pages; checkout happens on your site.
Turn it on
- In your dashboard, open Widgets and click the Popup card.
- With no popup yet, you go straight to template selection. With one or more popups already built, you see your list, where a New button starts the same flow.
- Pick a template, click Continue with this template, and the editor opens on your new popup.
- Toggle the popup on (the switch at the top of the editor). Edits save on their own as you work: the pill by the name reads Saving, then Saved.
- Paste your Amabrik snippet on your site once. Every popup you build shows through that one snippet.
If the snippet is already on your site, a new popup goes live as soon as it is on and saved.
Pick a template, then make it yours
Template selection opens full screen: a rail of live template previews on the left and a large preview of the selected one on the right, with a Desktop and Mobile toggle. The previews use the same renderer that serves the live popup, so what you see is what visitors get.
The built-in templates include New collection, Free course, Black Friday, Slide-in sale, Newsletter signup, Announcement, Cyber Monday, Lookbook offer, Spring sale, Valentine offer, Christmas offer, Grand opening, Exit intent offer, Halloween Sale, Birthday bash, Summer sale, Get the offer, and Go Pro. Each is a real popup made of blocks, so a template is just a head start. You can change every block, the layout, the styling, the triggers, and the targeting after you continue.
Set it up, tab by tab
The editor uses three tabs, with named accordion sections inside each. Only the active tab loads, so the editor stays fast. A live Desktop and Mobile preview sits beside the controls, and the Save state is always visible.
Builder
This is where you build the popup itself.
- Blocks is the first section: the popup is a stack of blocks. Add a block with Add element, drag the handle to reorder, and click a block to open its own content and style. The block types are Heading, Text, List, Icon, Button, Link, Badge, Coupon, Timer, Form, Image, Video, Spacing, Separator, iFrame, and HTML.
- Background sets the popup container background: a solid color, a gradient, or an image.
- Decoration adds optional decorative styling behind the content.
A few blocks worth calling out:
- Form is how you capture emails. It always has an email field, with optional first name, last name, and a consent checkbox you can make required. You set the button label, the success message, and what happens after a successful submit: show the success message in place of the form, redirect to a URL, or close the popup.
- Button and Link can point to a URL or be set to close the popup.
- Coupon shows a code with a copy button. Clicking it copies the code to the clipboard.
- Timer counts down. A scheduled timer counts to a fixed date and time; a duration timer gives each visitor their own window that survives reloads.
- Video plays a YouTube or Vimeo link in place when clicked (no payments, no checkout).
Layout
How the popup looks and where it sits.
- Layout picks one of seven positions: Modal (centered), Left pane, Right pane, Left slide-in, Right slide-in, Top bar, and Bottom bar.
- Size sets the width (not shown for bars), the height (fit content or a fixed height, not shown for panes or bars), the corner radius, and the inner padding. Bars get a bar height instead of a width.
- Font sets the popup’s default typography (family, size, weight, line height, letter spacing, transform). Every text block inherits it unless that block overrides a field.
- Close button controls whether the X shows, its color, its size, and whether it floats just outside the corner.
- Backdrop is the dimmed overlay behind the popup: an optional cover image, a tint color, opacity, and blur.
- Animation is the entrance: None, Fade, Zoom, or one of four slide directions. Animations respect a visitor’s reduced-motion setting.
- Reopen tab adds a small tab docked to the left or right that a visitor can click to reopen the popup after closing it. You set its label, side, and colors.
Settings
When the popup shows, who sees it, where the emails go, and translations.
- Your CRM connects this popup to your CRM (more below).
- Trigger sets when the popup appears.
- Frequency sets how often one visitor sees it.
- Targeting is the shared targeting panel: pages, devices, and the other rules described below.
- Languages adds translations and a preview switch.
- Direction sets the reading direction (Auto, Left to right, Right to left).
- Analytics sends events to the Google Analytics or Tag Manager already on your site.
Triggers: when the popup appears
Open Settings -> Trigger and pick one:
- Immediately: shows as soon as the page is ready.
- After a delay: a slider sets how many seconds to wait (0 to 60).
- On scroll: a slider sets the scroll depth (1 to 100 percent). The popup shows once the visitor has scrolled past that point.
- On exit intent: shows when the visitor’s mouse moves to leave the page, toward the top. On touch devices, where mouse exit is unreliable, it falls back to a short delay (and a scroll fallback), so mobile visitors still see it.
A well-timed popup is the difference between one people convert on and one they close instantly. Google can demote a page that blocks mobile visitors with an intrusive interstitial, so a popup that waits (on exit, scroll, or a delay), fits the screen, and closes in a click stays clear of that.
Frequency: how often it shows
Open Settings -> Frequency and choose how often a unique visitor sees the popup:
- Show every time: every page view, every visit.
- Show every time, until I close it: keeps showing on each view until the visitor closes it, then never again.
- Show once: shows one time, ever.
- Show every day: after the visitor closes it, it waits a day before showing again.
- Show every week: after the visitor closes it, it waits a week before showing again.
The frequency is remembered in the visitor’s own browser, per popup. Re-saving the popup resets the cap, so a fresh edit gets seen again. The fastest way to make a good popup annoying is to show it on every page, so use a cap unless you have a reason not to.
Targeting: who sees it
Open Settings -> Targeting for the shared targeting panel, the same one used across Amabrik widgets. Use it to limit the popup to specific pages (or exclude pages), to certain devices (desktop, mobile), and the other rules in the panel. Frequency (above) handles how often; targeting handles who and where. Together they keep the popup on the right pages, for the right visitors, at a sensible cadence.
Lead capture: where the emails go
Add a Form block to capture emails. When a visitor submits, Amabrik forwards the submission straight to the CRM you connect under Settings -> Your CRM, and keeps nothing. There is no submissions list and no second copy of your subscribers sitting on Amabrik.
- The CRM connection is per popup. Connecting here scopes it to this popup, and duplicating the popup clones the connection.
- Connect a provider (such as Mailchimp, Brevo, or ActiveCampaign) or a webhook through the same connect flow used everywhere in Amabrik: pick the provider, add the key or finish OAuth, test, and you are done.
- Your provider key or token is encrypted, never sent to the browser, never put in the public config, and never logged.
- Submissions are protected by rate limiting and a domain allowlist, and a form can opt into an invisible captcha that solves a small proof-of-work challenge at submit time with no extra UI.
- Privacy: when a form submits, the analytics event reports only that a submit happened. The entered email and any field values are never sent to analytics.
If you do not add a form, the popup captures nothing. A button or link can still point visitors to your own signup, booking, or checkout page.
Translations and languages
Open Settings -> Languages. Set a Default language (the base copy you write on each block), turn on Auto-detect from the page language to serve the matching translation when the page’s lang says so, and add languages with Add language.
For each added language, click Translate to edit every text-bearing block: headings, text, buttons, links, badges, coupons, and form fields (placeholders, consent text, button label, success message). Each field shows the default copy as a placeholder, so anything you leave blank falls back to the default. A Preview language switch shows a chosen language in the live preview. The default language’s copy is edited in the Builder tab, not here.
Tips
- Match the trigger to the goal: exit intent for a last offer, scroll for a content-driven prompt, a short delay for a welcome message.
- Cap the frequency. “Show once” or “until I close it” respects people who already said no.
- On mobile, keep the popup small and easy to close. A top or bottom bar is a light way to say something without covering the page.
- Put the email field first and keep the form short. Each extra field costs you signups.
- Use the success message or a redirect to deliver the promise (the code, the guide) right after the email is in.
- Style the popup to look like your site: your fonts, colors, radius, and an image. The default typography in Layout sets the tone for every block at once.
FAQ
Can popups take payments?
No. The Popup widget captures emails and links to your own pages. It does not process payments and has no checkout. Point a button at your store or checkout page, and the payment happens there.
Where do captured emails go?
Straight to the CRM you connect under Settings -> Your CRM (a provider or a webhook). Amabrik forwards each submission the instant it arrives and stores nothing, so there is no copy of your subscribers on Amabrik.
How do I stop the popup showing on every page?
Set a frequency under Settings -> Frequency. “Show once” shows it one time ever; “until I close it” keeps it until the visitor dismisses it; “every day” or “every week” wait that long after a close before showing again.
Does exit intent work on phones?
Mouse exit intent does not exist on touch screens, so on touch devices the popup falls back to a short delay (with a scroll fallback). Your mobile visitors still see it, just triggered a different way.
Will a popup hurt my SEO?
Only a badly timed one. Google can demote a page that blocks mobile visitors with an intrusive interstitial. Firing on exit, scroll, or a delay, fitting the screen, and being easy to close keeps a popup clear of that.
What can I put in a popup?
Blocks: heading, text, list, icon, button, link, badge, coupon, timer, form, image, video, spacing, separator, iFrame, and HTML. Arrange them in a modal, a slide-in, a side pane, or a top or bottom bar.
Can visitors reopen a popup after closing it?
Yes. Turn on the Reopen tab under Layout -> Reopen tab. It adds a small tab docked to the left or right that reopens the popup on click.
Does the popup work in other languages?
Yes. Set the text per language under Settings -> Languages and turn on auto-detect, and each visitor sees the matching translation served automatically, falling back to your default for anything untranslated.
Last updated June 22, 2026
Still stuck?
Open the widget's Help tab in your dashboard, or send us a message. We answer every one.