Before you go: the exit-intent banner - Verba
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.
Everything for it is at VerbaTheme OptionsBlogBefore You Go.
#Turn it on and choose where it shows
The General group:

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?
- Basic settings in the Customizer
- Set up dark mode
- Site layout: default, boxed, or wide
- Colors, fonts, and style kits
- Breadcrumbs
- Theme Options: the advanced settings panel
- General: site behavior
- General: optimization
- SPA and page transitions
- Content zones and insertions
- Blog: how posts are presented
- Before you go: the exit-intent banner
- Floating card: a post that follows the reader
- Marketing surfaces and analytics
- Accessibility settings
- Object-level settings
- Category fields
- Tag fields
- Author profile fields
- Widget areas
- Page fields and per-page layout
- Post fields
- Writing a post in Verba
- Single post settings in the Customizer
- Advanced single post settings in Theme Options
- Post formats
- Building a post from a block pattern
- Building a post with an Elementor template
- Post header styles
- Reading aids: how the four blocks work
- TL;DR summary
- Key points
- Table of contents
- Summarize with AI
- Reading bar
- Sharing: placements, styles, and copy link
- The share block in the post footer
- Continuous reading: the next post without a click
- Likes, views, and comment voting
- Related posts and read also
- Sources and citations
- Splitting a long post across several pages
- Comments
- Formatting the body of an article
- Archives in the free theme
- The posts page: showcase and featured author
- Advanced archives
- Archives from a block pattern
- Archives from an Elementor template
- Post and term listings
- Listing settings, group by group
- Where listings are used
- Listing settings and query
- Customizing the look of a listing
- Search results, the 404 page, and protected posts