Floating card: a post that follows the reader
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; it keeps them company.
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. 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 the same corner is a mess on somebody else's screen, not yours.
#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 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
Reveal the card once the reader scrolls far enough, or after a set time on the page.
How far down the page they get first, as a percentage of page height.
Every page view, once per browser session, or again after a saved 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 Post listings.
It supports AI mode as well, choosing the most relevant post for the page being read rather than a fixed one. That is the main reason to use automatic selection instead of pinning one post. The mechanics are in AI Blog.
#One at a time
The same reminder as the exit-intent banner, shorter: two floating elements at once is guaranteed to irritate. Choose one.
#Questions
The card never appears
Check that the current screen size is in the show on list, 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, put them on different parts of the site: the card on long articles, the banner on the front page, for instance.
Last updated
Was this article helpful?
- Basic settings in the Customizer
- Set up dark mode
- 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
- Page fields and per-page layout
- Post fields
- Widget areas
- Writing a post in Verba
- 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
Resources