Floating Bar
Eine Floating Bar ist ein schmales Banner, das den Seitenrand überlagert und über dem Inhalt schwebt, um einen dauerhaften Call-to-Action zu zeigen, ohne den Bildschirm zu übernehmen.
Im Detail
Eine Floating Bar legt sich über die Seite, statt Inhalte nach unten zu schieben, belegt also denselben fixierten Streifen des Viewports, wird aber oberhalb des Dokumentenflusses gerendert. Damit ist sie ein Mittelweg zwischen einer Sticky Bar, die eigenen Platz reserviert, und einem Pop-up, das den ganzen Bildschirm blockiert: sichtbar und dauerhaft, aber nicht blockierend. Auslöser wie Scrolltiefe, Exit-Intent oder ein Timer erlauben es, sie im Moment höchster Absicht einzublenden statt beim ersten Laden.
In einem Lead-Qualifizierungs-Funnel ist eine Floating Bar ein sanfter Anstoß, eine Scorecard zu starten, ohne das Lesen zu unterbrechen, was zu content-getriebener Akquise passt. Der häufige Fehler ist, sie über interaktive Elemente zu legen, wo ihre Overlay-Natur Klicks abfängt, die für darunterliegende Buttons oder Links gedacht waren. Sorgfältige Teams setzen einen klaren Stacking-Kontext, beschränken sie auf eine Aktion und prüfen auf Mobilgeräten, dass sie nie genau den Inhalt verdeckt, der den Besuch gebracht hat.
Beispiel aus der Praxis
Häufig gestellte Fragen
Wie unterscheidet sich eine Floating Bar von einer Sticky Bar?
Beide bleiben beim Scrollen sichtbar, doch eine Floating Bar überlagert die Seite über dem Inhalt, während eine Sticky Bar üblicherweise eigenen Platz am Rand reserviert. Der Unterschied betrifft vor allem die Schichtung und ob Inhalte verschoben werden.
Kann eine Floating Bar Exit-Intent nutzen?
Ja, Floating Bars werden oft durch Exit-Intent, Scrolltiefe oder einen Timer ausgelöst, damit sie in Momenten hoher Absicht erscheinen. So zeigen Sie das Angebot nicht zu früh und verärgern neue Besucher nicht.
Blockiert eine Floating Bar Klicks auf meiner Seite?
Das kann passieren, wenn sie interaktive Elemente ohne korrekten Stacking-Kontext oder Pointer-Einstellungen überlagert. Testen Sie sorgfältig, damit das Overlay nie Taps abfängt, die für darunterliegende Buttons oder Links gedacht sind.