Before you go: the exit-intent banner - Verba

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.

A bar at the bottom of a post reading Before you go, with a recommended post, its author and date
The Before you go banner on a post.

It sits above the rest of the page.

Everything for it is at VerbaTheme OptionsBlogBefore You Go.

#Turn it on and choose where it shows

The General group:

The General group with Before You Go on, the bottom position, the screen sizes, the site sections and the title prefix
The General group of Before You Go.

The master switch. The other groups on the tab appear once this is on.

Which edge the banner appears on, top or bottom.

Which screen sizes the banner appears on.

Which parts of the site it appears in: single posts, pages, home and blog, category, tag and author archives, search results, and everything else.

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

#Choose how it looks

The Appearance, Thumbnail, and Meta groups:

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.

Full width, or the content width.

Fine spacing. At a Band Height of 0 the band sizes itself to its contents; Layout puts the items inline or stacked.

Slide in, zoom in, or blur and fade.

Puts the recommended post's image next to its title, with its own ratio, image size, and width settings.

The meta line under the title.

#Decide when it may open

The Behaviour group decides when the banner may open.

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.

Make the banner wait for a time or a number of page views. 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

Still in Behaviour:

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 cookies.

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. The banner shows the first post the query returns. See Listing settings and query.

With the AI Blog integration active, the query also offers AI mode, where the post is chosen from what the reader is on right now instead of by a fixed rule, with the rest of the query as the fallback. See AI Blog integration.

#What happens on a phone

Exit intent is measured by the cursor leaving the window, and the banner also checks that the device has a mouse or trackpad. A touchscreen fails that check, so on a phone the banner never opens by itself. Show on also leaves phones out by default.

What remains on touch is the reopen tab. If you add phones to Show on and turn on Show the tab from the first page load, a reader sees the tab and can open the banner with a tap. Otherwise phones get nothing at all.

On a touchscreen without the reopen tab, the banner never appears. The feature is not broken.

#Restraint

Together with the floating card, modals, and banners, this banner can turn a site into a pile of popups. Use one surface over the content per page.

#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. The page type is not ticked in Show in. 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's 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.