## Before you go: the exit-intent banner Product: Verba - Modern Blog & Magazine WordPress Theme URL: https://hub.jkdevstudio.com/docs/verba/theme-settings/before-you-go Updated: 2026-09-09 Summary: Show a recommended article when a reader moves to leave the page: when it opens, how often it comes back, why it never opens on phones, and how to keep it bearable. Availability: Pro only. Before you go is a banner that appears at the moment somebody is about to leave: the cursor travels out of the top of the window, toward the tabs and the address bar. That is the last moment when you can offer something instead of an exit. It sits above the rest of the page on purpose. That priority is the point of the element, not a side effect. Everything for it is at [[Verba > Theme Options > Blog > Before You Go]]. ## Turn it on and choose how it looks :::options - **Enable before you go** (default: off): The master switch. Nothing else on the tab does anything until this is on. - **Position** (default: bottom): Which edge the banner appears on, top or bottom. - **Background** (default: default): The surface it is painted on. Default, secondary, accent, inverted, dark, or custom. Default adds a dividing border. - **Custom background** and **custom text color**: Used only by the custom option. The text color also paints the post title, the text before it, and the close icon. - **Band height** (default: 0): Minimum height of the open band in pixels. At 0 it sizes itself to its contents. - **Appearance animation** (default: slide in): Slide in, zoom in, or blur and fade. - **Title prefix** (default: "Read next:"): Short text placed immediately before the recommended title. Empty shows the title alone. - **Show thumbnail** (default: off): Puts the recommended post image next to its title. ::: ## Decide when it may open The behavior group is where a useful banner separates from an annoying one. :::options - **Exit intent prerequisite** (default: immediately): When the banner becomes eligible at all. Immediately, after a time on the current page, or after a number of page views this visit. - **Time before exit intent** (default: 30 s) and **page views before exit intent** (default: 3): The thresholds for the two conditional options. - **Show close button** (default: on): A button that folds the banner into its reopen tab. Escape closes it either way. - **Collapse after scrolling** (default: on) and **fold away after scrolling** (default: 100 px): The open banner folds itself into the tab once the reader scrolls that far. :::
Eligibility by time or page views is the difference between "this site is helping" and "this site is grabbing me." Somebody who has been reading for thirty seconds is a reader; somebody who arrived two seconds ago is not.
## Decide how often it comes back :::options - **Show again** (default: once per visit): On every page view, once per visit, or once every few days. - **Days between showings** (default: 7): The gap for the last option. - **Remember with** (default: browser storage): Where that limit is stored, in browser storage or a cookie. - **Keep the reopen tab after closing** (default: on): Leaves a small tab that brings the banner back. - **Show the tab from the first page load** (default: off): Shows that tab immediately. Opening it by hand bypasses the eligibility rule. - **Admin preview** (default: off): For administrators, ignores eligibility and the saved repeat limits. Exit intent is still required, so you still have to move toward the top of the window. ::: ## Which post it recommends The query group uses the same post selection every other listing in Verba uses: a source, filters, and an order. See Post listings for what each field does. It also supports AI mode, where the post is chosen from the context of what the reader is on right now instead of by a fixed rule. That is the strongest reason to use automatic selection instead of picking one post by hand. The mechanics are in AI Blog. ## What happens on a phone Exit intent is measured by cursor movement out of the window, and the banner additionally checks that the device has a mouse at all. A touchscreen fails that check, so on a phone the banner never opens by itself. What remains on touch is the reopen tab. If **show the tab from the first page load** is on, a reader sees the tab and can open the banner with a tap. If it is off, phones get nothing at all.
That is worth knowing before you conclude the feature is broken. No tab plus a touchscreen equals no banner, by design.
## Restraint An element that covers content works exactly as long as there is not too much of it. Together with the floating card, modals, and banners, it can turn a site into a pile of popups. One surface over the content per page. Pick which one. ## Questions
I turned it on and I never see it Work through it in order. You are testing on a touchscreen, and it cannot open there. You already saw it and the repeat limit is holding it back, so try a private window. Or eligibility has not been met yet, in which case turn on admin preview while you test.
Does it slow the page down? No, it loads with the rest of the theme front-end script and does nothing until the cursor moves toward the top of the window.
Can I show a different post depending on the article? Yes. Either set the query to something relative, like the same category, or turn on AI mode so the recommendation follows the page being read.