Floating Bar
A floating bar is a slim banner that overlays the edge of a page and floats above the content, presenting a persistent call to action without taking over the screen.
In depth
A floating bar layers on top of the page rather than pushing content down, so it occupies the same fixed strip of the viewport but renders above the document flow. This makes it a middle ground between a sticky bar that reserves its own space and a pop-up that blocks the whole screen: visible and persistent, yet non-blocking. Triggers such as scroll depth, exit intent, or a timer let teams reveal it at the moment of highest intent instead of on first paint.
Within a lead-qualification funnel, a floating bar is a gentle nudge to begin a scorecard without interrupting reading, which suits content-led acquisition. The common pitfall is layering it over interactive elements, where its overlay nature causes it to swallow clicks meant for buttons or links beneath it. Careful teams set a clear stacking context, keep it to one action, and verify on mobile that it never obscures the very content that earned the visit.
Example in practice
Frequently asked questions
How is a floating bar different from a sticky bar?
Both stay in view while scrolling, but a floating bar overlays the page above the content, whereas a sticky bar typically reserves its own space at the edge. The distinction is mostly about layering and whether content shifts to make room.
Can a floating bar use exit intent?
Yes, floating bars are often triggered by exit intent, scroll depth, or a timer so they appear at high-intent moments. This lets you avoid showing the offer too early and annoying fresh visitors.
Will a floating bar block clicks on my page?
It can if it overlays interactive elements without a proper stacking context or pointer settings. Test it carefully so the overlay never intercepts taps meant for buttons or links underneath.