21 Hello-Bar-Beispiele zur Steigerung der Conversions und zur Anregung Ihrer Kreativität

Hello Bars sind eines der besten Marketing-Tools, die je erfunden wurden. Sie haben die Fähigkeit, an Ort und Stelle zu bleiben, ohne die Sicht der Besucher auf die Seite zu blockieren, und ziehen auf unaufdringlichste Weise die Aufmerksamkeit der Nutzer auf sich. Sie können sie oben oder unten auf jeder Seite hinzufügen, um neue Produkte anzukündigen, Benutzer zum Abonnieren zu verleiten, Anreize zu bieten, sie über wichtige Änderungen zu informieren, nach ihren Vorlieben zu fragen und viele andere Zwecke zu erfüllen. 

Dies ist nur die Spitze des Eisbergs. Wenn Sie mehr darüber erfahren möchten, wie Sie dieses Instrument effektiv nutzen können, schnappen Sie sich eine erfrischende Tasse und lassen Sie uns mit einer detaillierten Überprüfung fortfahren. 

Was ist eine Hello Bar & wie kann sie Ihnen zugutekommen?

Also, was ist eine Hello Bar? Auch bekannt als Floating Bar oder Sticky Bar, ist eine Hello Bar eine Art von Pop-up, das sich am oberen oder unteren Rand einer Webseite befindet. Ihre Hauptvorteile: 

• Erscheint normalerweise sofort beim Besuch einer bestimmten Seite = zieht die Aufmerksamkeit des Publikums auf Ihre Botschaft
• Bleibt beim Scrollen an Ort und Stelle und schließt nur, wenn der Opt-out-Button geklickt wird = hält ihre Aufmerksamkeit während des Surfens auf der Seite
• Überlappt den restlichen Webseiteninhalt nicht = sorgt für ein unaufdringliches Kundenerlebnis und Loyalität zu Ihrem Unternehmen.

Hello Bar Definition

Im Wesentlichen verkörpern all diese Namen bestimmte Merkmale dieses Pop-up-Typs. Es ist eine Leiste, die Sie am oberen oder unteren Rand einer Seite anbringen, und sie:

• Ist in die Seite eingebettet und erscheint sofort = sie begrüßt Ihre Besucher.
• Bleibt an der gleichen Stelle = sie haftet oben oder unten auf der Seite.
• Schwebt im Hintergrund, während die Leute weiter surfen = sie schwebt.  

Die Funktionalität von Ankündigungsleisten

Das Design einer Hello Bar unterscheidet sich vom Design von inhaltssperrenden und Vollbild-Pop-ups. Insbesondere ist sie viel kleiner, sodass sie die Besucher nicht daran hindert, den Inhalt Ihrer Website anzusehen oder ihren Einkaufsprozess zu unterbrechen. Trotz ihrer kompakten Größe kann sie jedoch wichtige Nachrichten an Kunden und Interessenten übermitteln. Verschiedene Hello Bar-Beispiele können enthalten:

• Personalisierte Angebote und Rabatte für Kunden 

Verwenden Sie diese Vorlage

• Angebote für begrenzte Zeit oder Blitzverkäufe

Verwenden Sie diese Vorlage

• Angebote zu bestimmten Feiertagen

Verwenden Sie diese Vorlage

• Ankündigungen von Verkäufen, neuen Kollektionen oder Produktaktualisierungen

Verwenden Sie diese Vorlage

• Einladung, Ihren Newsletter zu abonnieren

Verwenden Sie diese Vorlage

• Warnungen vor vorübergehenden Unannehmlichkeiten

Verwenden Sie diese Vorlage

• Benachrichtigungen über geänderte Öffnungszeiten

Verwenden Sie diese Vorlage

• Aufruf zu Spenden und Teilnahme an Wohltätigkeitsaktionen

Verwenden Sie diese Vorlage

Ganz gleich, welchen Zweck Ihre Hello Bar hat, mit Claspos vollständig anpassbaren Vorlagen und dem einfachen Drag-and-Drop-Editor können Sie sie umsetzen.

Profi-Tipps für den Erstellungsprozess der Hello Bar

Das Erstellen einer schwebenden Leiste ist relativ einfach, insbesondere mit intuitiven Pop-up-Buildern. Es gibt jedoch einige kritische Aspekte, die berücksichtigt werden müssen, bevor sie auf Ihrer Website veröffentlicht wird.

• Seien Sie prägnant. Angesichts der kleinen Größe von Hello Bars müssen Sie diesen begrenzten Raum weise nutzen. Vermeiden Sie daher detaillierte Beschreibungen Ihrer Bestseller und Aktionen. Halten Sie Ihre Nachricht stattdessen auf den Punkt und konzentrieren Sie sich nur auf die wichtigsten Aufmerksamkeitsanker und Kundenvorteile. Claspes schwebende Leisten-Vorlagen sind prägnant und dennoch effektiv. Sie können also einfach eine davon auswählen und ihren Text und ihr Design an Ihre Bedürfnisse anpassen.
• Fokussieren Sie sich auf das Design. Die Hälfte der Kunden betrachtet das Design als wesentlichen Faktor bei der Meinungsbildung über ein Unternehmen. Hello Bars sind ein entscheidendes Element Ihrer Website. Wenn das Design schlecht ist oder nicht zu Ihrem Branding passt, kann dies das Erlebnis ruinieren. Passen Sie daher die Farben, Bilder, den Hintergrund und andere Pop-up-Komponenten an das Gesamtdesign der Website an. Mit Claspo ist dies jedoch kein Problem. Außerdem können Sie jederzeit eine Vorschau anzeigen, wie Ihre Hello Bar auf Desktop- und Mobilbildschirmen aussieht, bevor Sie sie speichern.

• Machen Sie die Hello Bar mobilfreundlich. Heute tätigen 67 % der Käufer ihre Käufe nur auf mobilfreundlichen Websites. Daher werden Ihre Hello Bars, egal wie profitable Angebote sie bewerben, nur konvertieren, wenn sie an die mobile Version angepasst sind. Überprüfen Sie nach der Ansicht Ihres Pop-ups auf einem mobilen Bildschirm dessen Höhe und Breite und passen Sie sie bei Bedarf an das Seitenlayout an. Alternativ können Sie bei Claspo die schwebende Leiste nur auf dem ausgewählten Gerätetyp anzeigen lassen.

• Sagen Sie nicht sofort Hallo. Obwohl der Name suggeriert, dass die Hello Bar Kunden willkommen heißen sollte, empfehlen wir, ihre Anzeige um ein paar Sekunden zu verzögern. Es wird angenommen, dass Pop-ups, die nach dem 5-8-sekündigen Aufenthalt des Besuchers auf der Seite erscheinen, am besten konvertieren. Sie können sich jedoch immer auf die durchschnittliche Sitzungsdauer Ihrer Website verlassen, um den geeigneten Zeitpunkt auszuwählen und diesen bei der Einrichtung Ihrer Hello Bar im Claspo-Builder mit einem Klick festzulegen.

• Kümmern Sie sich um Ihre Kunden. Ja, fließende Balken blockieren den Inhalt der Website nicht, aber sie „verfolgen“ die Besucher beim Scrollen, was einige stören kann. Stellen Sie daher sicher, dass die Opt-out-Schaltfläche auf Ihrem Pop-up sichtbar und leicht zu klicken ist. Dies ermöglicht es Ihnen, den Besuchern ein nicht aufdringliches Erlebnis zu bieten und die Konversionen zu erhöhen, da Pop-ups mit einer Opt-out-Schaltfläche ungefähr 14 % besser konvertieren. Diese Schaltfläche ist in allen Claspo-Vorlagen für fließende Balken standardmäßig enthalten. Darüber hinaus können Sie das Kundenerlebnis verbessern, indem Sie die Anzeige des Pop-ups stoppen, wenn der Besucher innerhalb eines bestimmten Zeitraums nicht interagiert oder es schließt.

21 Hello Bar-Beispiele, um Ihre Besucher zu bezaubern und zu überzeugen

Fließende Balken sind unglaublich vielseitig. Erkunden Sie eine große Auswahl davon und Sie werden innovative Layout-Designs, inspirierende Werbematerialien, kreative Ankündigungsbalken-Ideen, ansprechende CTA-Schaltflächen, wirklich subtile Anzeigeeinstellungen und mehr entdecken. Natürlich ist es unmöglich, alle erwähnenswerten Beispiele aufzuzählen. Daher werfen wir einen Blick auf einige, die praktisch sind und Ihre Kreativität entfachen.       

1. Apolis' Hello Bar

Dieser anpassbare Marktladenshop zeigt, dass das Layout Ihrer Leiste nicht konventionell sein muss. Natürlich platzieren Sie Ihre Rabatte und Angebote in der Mitte. Wenn Sie sie jedoch in die linke obere Ecke direkt über dem Logo platzieren, können Sie sogar deren Sichtbarkeit erhöhen. Darüber hinaus können Sie die andere Ecke verwenden, um einige Website-Funktionen wie Kontaktlinks und Währungseinstellungen hinzuzufügen, um Platz zu sparen und das Pop-up als integrales Seitenelement zu tarnen. 

2. Soon Skincare's Hello Bar

Der Shop bewirbt stilvoll seine neue Funktion „Jetzt kaufen, später bezahlen“ und ein verlockendes Angebot für kostenlosen Versand, ergänzt durch einen klaren Handlungsaufruf und eine Animation, die die Besucher nicht belastet. 

3. Perfect Keto's Hello Bar

Diese Plattform greift auf Knappheitsmarketing zurück und betont, dass das Angebot begrenzt ist. Es macht das Angebot auch etwas intimer und exklusiver, indem es ein „Psst“-Gesicht-Emoji hinzufügt. Natürlich peppt eine Animation die CTA-Schaltfläche auf und erhöht ihre Sichtbarkeit.

4. Munk's Pack Hello Bar

Ein Rabattangebot ist immer ein guter Start für Käufer-Verkäufer-Beziehungen. Besonders, wenn es auf so kreative Weise umgesetzt wird. Die Begrüßungs- und Navigationsleisten ähneln so sehr den Schichten eines leckeren Snacks, dass sie einen hungrig auf einen Bissen machen.   

5. Liquor's Loot Hello Bar

Wer hat gesagt, dass man nur eine schwebende Leiste haben kann? Dieser Online-Spirituosenladen hat ein Pop-up für ihre regelmäßigen Vorteile wie exklusive Mitgliederpreise, Kaufoptionen Jetzt kaufen, später bezahlen und kostenlosen Versand entworfen. Dann haben sie es mit einem roten Alarm für das dringende Angebot kombiniert, das die Angst der Betrachter auslöst, etwas zu verpassen. 

6. Lunar's Beauty Hello Bar

Ein Angebot für kostenlosen Versand ist immer unwiderstehlich. Besonders, wenn das Design zum Konzept der Marke passt und wirklich „außergewöhnlich“ aussieht. 

7. Tropicfeel's Announcement Bar

Der Laden kombiniert nicht nur eine lukrative Angebotsankündigung mit einem Aufruf zum Handeln. Er ermöglicht es den Nutzern, diese Leiste zu schließen, wenn sie den Einkaufsprozess unterbricht, indem ein Schließknopf hinzugefügt wurde.

8. Birchbox's Announcement Bar

Diese Cookie-Benachrichtigung enthält jedes wesentliche Element, um den Datenschutzanforderungen der Besucher der Seite gerecht zu werden. Sie informiert darüber, dass die Plattform Cookies verwendet und erklärt, dass dies getan wird, um ein besseres Einkaufserlebnis zu bieten. Darüber hinaus ermöglichen sie den Nutzern, die Einstellungen anzupassen, falls sie dies wünschen.  

9. Peel's Hello Bar

Ein sehr lukratives Angebot, nichts Übertriebenes oder zu Aufdringliches. Dies repräsentiert Minimalismus und Effizienz in ihrer besten Form. 

10. Homes' Alive Hello Bar

Dieser Tierprodukte-Shop gibt seinen Kunden viel Freiheit. Sie können die Ankündigungen manuell mit Pfeilen überspringen oder die Leiste ganz schließen, wenn sie möchten. 

11. Drop's Announcement Bar

Natürlich, ein kostenloses Versandangebot ist klassisch, fast jeder hat es. Dagegen ist es ein mutiger und relevanter Schachzug, indem man auf die kürzlich hype-erzeugende Amazon Prime Serie „The Rings of Power“ setzt und limitierte Drop + The Lord of the Rings Keyboards promotet. Ob sie den Tolkien-Fans würdig sind oder nicht, sie sehen jedenfalls atemberaubend aus. Außerdem ist die Nutzung dieser Tastaturen nicht einfach, es sei denn, man ist ein Anhänger der Werke des Professors oder kennt Elbisch und Zwergisch.   

12. Italic's Hello Bar

Die Hello Bar dieses Shops enthält viele Informationen, bleibt jedoch völlig minimalistisch und nicht invasiv in deinem persönlichen Raum. Hier findest du ihren Slogan, das exklusivste Produkt und einen Link zu den Neuankömmlingen, begleitet von einer Einladung, ihrem Empfehlungsprogramm oder Italic Bold Club beizutreten (ein wenig vom Thema abweichend, aber ihr Slogan „It Pays to Be Bold“ ist ein echtes Juwel).

13. Rothy's Ankündigungsleiste

Viele Unternehmen vergessen, wie attraktiv kostenlose Rücksendungen sein können, aber nicht Rothy's. Außerdem nutzen sie die „der frühe Vogel fängt den Wurm“-Taktik, um ihre neue Zusammenarbeit im Voraus zu promoten. 

14. Apple's Hello Bar

Dies ist ein Beispiel für effektive Anzeige-Regeln und Personalisierung. Bist du aus Deutschland? Die Website wird es erkennen und die Sprache der Nachricht ändern. Jetzt kannst du den Standort bestätigen, um eine relevantere Erfahrung zu erhalten. Aber wenn du dennoch möchtest, dass die Besucher deine speziellen Angebote nicht verpassen, kannst du ein weiteres Pop-up unter der Navigationsleiste einbetten.

15. Airbnb's Hello Bar

Der renommierte Unterkünfte-Anbieter nutzt eine Sticky Bar, um den Platz auf der Website zu sparen und gleichzeitig einen sofortigen Zugang zu den wichtigsten Funktionen oder Kategorien zu garantieren, einschließlich Sprache-/Währungspräferenzen, Unterstützung, Unternehmensdetails, Ziele und Sitemap. 

16. Dahlias Flower Truck's Hello Bar

Hello Bars sind unschlagbar in ihrer Fähigkeit, deine Besucher sofort darüber zu informieren, dass sich wichtige Änderungen in deinem Betriebsmodus ergeben haben. Zum Beispiel befindest du dich im Mutterschaftsurlaub, bist jedoch weiterhin offen für die Bearbeitung ausgewählter Aufträge. Da das Pop-up immer auf der Startseite sichtbar ist, besteht keine Chance, dass die Besucher die wichtigen Informationen aus Versehen vergessen.

17. FullContact's Hello Bar

Sich mit der neuen Plattform vertraut zu machen, kann etwas verwirrend sein. Daher kann es eine echte Hilfe sein, deinen Neulingen einen Link zum beliebtesten Produkt oder Service anzubieten.

18. Global Privacy Control's Hello Bar

Dieser Pop-up ist eine Illustration dafür, wie raffiniert moderne Technologie sein kann. Zuerst zeigt es an, dass Sie die Software verwenden. Dann präsentiert es Ihnen den Link, um zu testen, ob alles einwandfrei funktioniert. Es ist eine hilfreiche, beeindruckende und erfreuliche Funktion. 

19. CookiePro's Hello Bar

Die Möglichkeiten, Medienelemente in einer Sticky Bar zu platzieren, sind ziemlich begrenzt. Dennoch hat es dieses Unternehmen geschafft, ein auffälliges Megaphon in seine Gratis-Testversion-Promotion elegant zu integrieren. Sie haben sogar eine Schaltfläche zum Schließen hinzugefügt, um weniger aufdringlich zu sein.  

20. Spotify's Hello Bar

Wer hat gesagt, dass Schwebebalken nur oben auf der Seite angebracht werden müssen? Wenn es nicht zu Ihrem Layout passt, zögern Sie nicht und platzieren Sie es am unteren Rand. 

21. Caspers Ankündigungsleiste

Möchten Sie alles, was die Kunden verführt, in eine einzige Leiste platzieren? Folgen Sie dem Beispiel dieses Bettenladens. Er bietet kostenlose Lieferung, eine risikofreie Testphase und die Möglichkeit „Jetzt kaufen, später bezahlen“ alles an einem Ort. Außerdem fügt sich dieser Pop-up perfekt in die Navigationsleiste ein.  

Verwenden Sie Hello Bars auf Ihrer Webseite, um das Engagement zu steigern 

Eine Hello Bar ist eine großartige Ergänzung für Ihre Webseite, unabhängig davon, ob Sie verschiedene Beispiele für Ankündigungsleisten, Werbeideen, Informationswarnungen oder Cookie-Warnungen suchen. Mit der aktuellen Auswahl an Anzeigeregeln, Integrationen und Designfähigkeiten können Sie es in ein integrales Element Ihres Layouts verwandeln, das Ihre Besucher nicht nervt, aber gleichzeitig immer ins Auge fällt.

Wie Claspo Ihnen helfen kann

Ja, Claspo bietet auffällige, fertig gestaltete Hello Bar-Vorlagen und ermöglicht es Ihnen, diese in einem intuitiven Editor vollständig anzupassen. Tatsächlich ist dies jedoch nur ein Teil der Funktionen, die unseren Pop-up-Builder zur besten Lösung für Ihr Online-Geschäft machen. 

• Schutz vor Belästigung und Überlappung. Ihre Webseite-Strategie kann neben der Schwebebalken auch andere Pop-ups umfassen. Wenn dies der Fall ist, ermöglicht Ihnen Claspo, ein Ruheintervall zwischen deren Anzeigen festzulegen, um die Benutzererfahrung zu verbessern. Wenn Ihre Einstellungen die gleichzeitige Anzeige von zwei oder mehr Pop-ups erfordern, garantiert Claspo, dass sie sich nicht überlappen.
• URL-Zielausrichtung. Pop-ups, die im richtigen Kontext geliefert werden, haben nachweislich höhere Konversionsraten. Mit diesem Wissen ermöglicht Ihnen Claspo, Ihre Hello Bar so einzustellen, dass sie nur auf bestimmten Webseiten angezeigt wird. Wenn Ihr Pop-up beispielsweise einen Rabatt auf eine Damenkollektion bewirbt, wäre es sinnvoller, ihn auf der Seite der entsprechenden Produktkategorie zu platzieren, als auf der Startseite, geschweige denn auf einer Seite mit Herrengütern.
• UTM-Zielausrichtung. 65% der Käufer wählennur die Marken, die ihnen gezielte Aktionen anbieten. Mit dem Claspo UTM-Targeting können Sie diese Anforderung erfüllen und personalisierte Hello-Bars für Besucher anzeigen, die nach einer bestimmten Marketingkampagne oder aus einer bestimmten Quelle auf Ihre Website gekommen sind. Einfach ausgedrückt, Kunden, die Ihren E-Mail-Newsletter über Verkäufe erhalten haben, und Kunden, die über Instagram-Werbung gekommen sind, können völlig unterschiedliche Hello-Bars auf Ihrer Website sehen!
• Geotargeting. Sie können Floating Bars abhängig vom Land, Region oder Stadt anzeigen, in dem sich Ihre Kunden befinden. Dies ist besonders nützlich, wenn zum Beispiel Ihr Geschäft in einer bestimmten Stadt vorübergehend geschlossen ist und Sie lokale Kunden darüber informieren müssen. In einem anderen Szenario können Sie verschiedene Aktionen für verschiedene Länder auf Ihrer Website ankündigen und sicherstellen, dass nur das richtige Zielgruppen-Segment Ihre Nachricht sieht.
• Dynamische Spracheinstellungen. Dank dieser Claspo-Funktion können Sie die Sprachversion Ihrer Hello-Bar an ein mehrsprachiges Publikum anpassen. Zu diesem Zweck erstellen Sie ein Popup mit einer Nachricht in verschiedenen Sprachen in unserem Builder. Danach sehen die Besucher den Text, der der auf der Website gewählten Sprache oder der Sprache ihres Browsers entspricht.