Was ist überhaupt eine Floating Bar?
Die Elementor Floating Bar ist eine schwebende Leiste, die an verschiedenen Stellen deiner Website angezeigt wird, um wichtige Informationen oder Aufrufe zur Aktion (CTAs) zu präsentieren.
Mit Elementor kannst du diese Bars jetzt ganz einfach in wenigen Minuten gestalten und anpassen, sodass sie perfekt zu deinem Website-Design passen. Heute zeige ich dir, wie du drei verschiedene Typen von Floating Bars erstellen kannst: eine CTA Bar, eine Ticker Bar und eine Coupon Bar.
Ausgangspunkt ist immer eine Vorlage dazu von Elementor im Bereich zur Erstellung der Floating Elements. Hier zu finden: WordPress Backend -> Templates -> Floating Elements.
Floating CTA Bar
Die Floating CTA Bar ist perfekt, um Besucher auf wichtige Inhalte oder Aktionen hinzuweisen. Oben oder unten auf deiner Seite schwebend, sorgt sie dafür, dass ein bestimmter Call-to-Action (CTA) stets sichtbar bleibt – sei es ein Button, um einen Blogbeitrag anzusehen oder ein Hinweis zu einer speziellen Anleitung. Mit Elementor kannst du dann die Farben, Texte und den Button genau so gestalten, dass er sich nahtlos in das Design deiner Website einfügt.
Floating Ticker Bar
Mit der Floating Ticker Bar kannst du laufende Nachrichten oder Highlights präsentieren. Diese Art von Bar eignet sich hervorragend, um wichtige Updates, Support-Informationen oder spannende Produkte in Bewegung zu halten – was für ein Wortspiel, oder? 😅 Dadurch wird Aufmerksamkeit geweckt, ohne aufdringlich zu wirken. Die schwebende Ticker Bar bleibt im Blickfeld der Nutzer, während sie durch deine Inhalte scrollen. Ich mag das Ding wirklich sehr, da ich in der Vergangenheit ähnliche Elemente für „News“ selbst erstellen musste. Mit den neuen Vorlagen, ist das jetzt natürlich wesentlich einfacher.
Floating Coupon Bar
Die Floating Coupon Bar bietet deinen Besuchern exklusive Angebote oder Rabattaktionen, die sie direkt kopieren und nutzen können. Diese schwebende Bar bleibt sichtbar, sodass Besucher jederzeit darauf zurückgreifen können – besonders hilfreich bei Sonderaktionen oder Rabattcodes, die nur für kurze Zeit verfügbar sind.
Overall bin ich wirklich begeistert von den neuen Bannern – oder eben „Floating Bars“. Ein scheinbar einfaches Feature, das jedoch große Wirkung hat und zu Aktionszeiten oder bei der Ankündigung wichtiger Neuigkeiten extrem nützlich ist.
Im Video oben gebe ich dir zuerst einen groben Überblick zur Elementor Floating Bar, dann schauen wir uns an, wie das Ganze in der Praxis aussieht und schließlich erkläre ich an einigen Beispielen die Einbindung. Viel Spaß damit und auch Erfolg beim Einbinden deiner neuen Banner 😊.
