Before you go: the exit-intent banner

Theme settings Pro
This article covers functionality available to customers on the Pro version.

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 VerbaTheme OptionsBlogBefore You Go.

#Turn it on and choose how it looks

The master switch. Nothing else on the tab does anything until this is on.

Which edge the banner appears on, top or bottom.

The surface it is painted on. Default, secondary, accent, inverted, dark, or custom. Default adds a dividing border.

Used only by the custom option. The text color also paints the post title, the text before it, and the close icon.

Minimum height of the open band in pixels. At 0 it sizes itself to its contents.

Slide in, zoom in, or blur and fade.

Short text placed immediately before the recommended title. Empty shows the title alone.

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.

When the banner becomes eligible at all. Immediately, after a time on the current page, or after a number of page views this visit.

The thresholds for the two conditional options.

A button that folds the banner into its reopen tab. Escape closes it either way.

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

On every page view, once per visit, or once every few days.

The gap for the last option.

Where that limit is stored, in browser storage or a cookie.

Leaves a small tab that brings the banner back.

Shows that tab immediately. Opening it by hand bypasses the eligibility rule.

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.

Last updated

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.