Floating card: a post that follows the reader

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; 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?

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.