Floating card: a post that follows the reader - Verba
The floating card holds one post card over the page while somebody reads. Unlike the exit-intent banner, it does not wait for a reader to leave.

Two uses cover most cases. Highlight one piece of material: something new, something important, or whatever you are promoting this month. Or keep the next step visible when the current page is long.
Its settings are at VerbaTheme OptionsBlogFloating Card.
#Turn it on and place it

The master switch for the tab.
Which screen sizes it appears on.
Width on desktop, from 200 to 640 px. It still shrinks to fit narrower screens.
Which corner it slides in from and rests in.
The gap between the card and its corner. Lower tucks it closer to the edge.
Slide in, zoom in, or blur and fade.
Pick a corner nothing else already occupies. Cookie banners, chat widgets, and back-to-top buttons all like the bottom right, and two of them in one corner overlap.
#What the card says
The line above the card. Empty hides it.
The HTML tag and the visual size, set separately, so the card can look right without disturbing the page's heading structure.
Adds a button under the card that swaps in a different recommendation. It only appears when the card has more than one post to offer.
The wording on that button.
#When it appears and how often
The Behaviour group:
Reveal the card once the reader scrolls far enough, or after a time on the page.
How far down the page they get first, as a percentage of page height.
An extra wait after the scroll distance is reached.
The wait for the time trigger.
Lets the reader dismiss the card.
Every page view, once per session, or again after a time limit.
Days before the card may return on this device. The timer starts when the card is revealed.
For administrators, ignores the repeat limit. The trigger is still required.
#Narrow screens
There is less room on a phone, and the card must not cover what somebody is reading. Leave it on desktop and tablet unless you have checked it on a real phone with a real article, not just a resized browser window.
#Which post it shows
The Query group is the same post selection used by every other listing: source, filters, and order. See Listing settings and query.
With the AI Blog integration active it offers AI mode as well, choosing the most relevant post for the page being read, with the rest of the query as the fallback. See AI Blog integration.
#One at a time
As with the exit-intent banner, run one floating element at a time.
#Questions
The card never appears
Check that the current screen size is ticked in Show on, that you have scrolled past the trigger distance, and that the repeat limit is not holding it back from an earlier visit. A private window resets the last one.
The "Show me another" button is missing
The card only has one post to offer. Widen the query so more than one post qualifies.
Can I run this and the exit-intent banner together?
You can, and readers will notice. If you want both, keep them apart: the card on desktop and tablet only, the banner limited with its Show in setting to the home page and archives, for instance.
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