Floating card: a post that follows the reader - Verba

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

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.

A post card in the bottom left corner of an article, with a Show me another button under it
The floating card over an article.

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 General group with the floating card on, its screen sizes, width, corner, edge offset, animation, title and button text
The floating card settings.

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?

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.