3 erprobte Tricks zur Mitteilungsleiste bei Squarespace
Mal abgesehen von Pop-ups: Was ist der beste Ort, um aktuelle, relevante Nachrichten zu platzieren? Wann immer du ein besonderes Angebot oder Event promoten möchtest, bietet sich bei Squarespace dafür vor allem die Mitteilungsleiste an.
Das ist ein Banner, das du ganz oben auf deiner Website hinsetzt, sodass es den meisten Leuten auch wirklich gleich ins Auge springt.
Die Mitteilungsleiste gibt es erst ab dem “Business”-Abo - und viele Squarespace-Nutzer übersehen die Funktion komplett oder nutzen sie einfach nicht. Dabei ist sie ein super Mittel, um gezielt Aufmerksamkeit auf deine aktuellen Website-Ziele zu lenken!
Tatsächlich versteckt sich die Mitteilungsleiste nicht unter “Design”, sondern unter 👉 “Marketing” - dort kannst du direkt einstellen, was genau gezeigt werden soll.
Und natürlich gibt es da auch ein paar Tricks, wie du noch mehr aus deiner Mitteilungsleiste herausholen kannst…
👉 Du startest gerade erst? Teste Squarespace hier 14 Tage lang gratis & hol dir mit dem Code VICTORIA10 10% Rabatt auf dein erstes Jahr (Das ist natürlich Werbung für meinen Liebling Squarespace)
Zunächst mal: Was du in die Leiste schreiben kannst
Alles, was sofort gesehen und hervorgehoben werden soll, ist super in dem Banner ganz oben aufgehoben. Das sind zum Beispiel:
Besondere Verfügbarkeiten: “Nur noch 3 Designslots bis November zu vergeben”
Ein zeitlich relevantes Event: “Live-Workshop am 7. April - Jetzt anmelden!”
Ein Produkt, das du gerade besonders hervorheben willst: “Neue Sommersandalen entdecken"!”
Ein besonderes Angebot oder einen Sparpreis: “10% Rabatt auf alle Workbooks!”
Ein Testimonial, das kurz und knapp genau auf den Punkt bringt, welche Werte du lieferst (+ Link zur entsprechenden Seite)
Ein spannender Teaser-Satz aus deinem neusten Blogpost: “Wie Lena im Monat 3.000 neue Email-Abonnenten gewinnt”
Du kannst also für fast jeden Anlass und Zweck eine Idee für deine Mitteilung entwickeln.
Und kleiner Tipp - was auch eine unterschätzte Anwendung von Mitteilungsleisten ist: Wenn du eine mehrsprachige Website hast, kannst du durch die Mitteilungsleiste auf die andere Sprache hinweisen. Wie das geht und wie du das einrichtest, kannst du hier lesen.
So machst du die Mitteilungsleiste größer
Die einfachste Option ist es, mit “Enter”, also mehreren Zeilen zu arbeiten. So bekommst du direkt eine höhere Leiste hin:
Ansonsten kannst du dich auch dazu entscheiden, die Schrift deutlich größer zu machen, um so das Banner insgesamt zu erhöhen.
Wie das geht, liest du im nächsten Schritt.
Personalisieren & Farben ändern
Unter “Design” gibt es einige Möglichkeiten, den Look der Leiste zu ändern.
Diese Funktion taucht allerdings (bei Squarespace 7.0) erst auf, wenn du schon eine Mitteilungsleiste eingerichtet hast!
Dann kannst du an dieser Stelle die Farbe, Schriftart, Größe und mehr des Textes ändern. Außerdem legst du hier fest, welchen Hintergrund die Leiste haben soll.
Mitteilungsleiste auf einzelnen Seiten ausblenden bzw. verstecken
Manchmal willst du nicht, dass die Mitteilungsleiste auf bestimmten Seiten angezeigt wird.
Das kann zum Beispiel dann der Fall sein, wenn dein Websitenutzer sich auf genau der Seite befindet, zu der ihn das Banner führen soll. Dann wäre die Nachricht ja doppelt - und das willst du nicht.
Beispiel:
Dein Banner bewirbt dein aktuelles Online-Seminar, für das sich die Leute anmelden sollen > “Klick hier”
Auf der Anmeldeseite für das Seminar soll das Banner aber natürlich nicht gezeigt werden, denn hier sollen sich die Leute darauf konzentrieren, sich anzumelden. Der Link in der Mitteilungsleiste würde außerdem zur gleichen Seite führen.
Für solche Fälle kannst du mit einem sehr einfachen Code-Schnipsel dafür sorgen, dass die Leiste auf ganz bestimmten Seiten nicht auftaucht.
Auch dieser Hack ist Squarespace-Nutzern ab dem Business-Paket vorbehalten - aber das brauchst du ja ohnehin, wenn du die Leiste nutzen willst.
So machst du es:
Geh auf der jeweiligen Seite (oder Index-Seite, bei Squarespace 7.0) auf die Einstellungen der Seite (das kleine Rädchen) und “Erweitert”
Kopiere und füge diesen Code ein:
<style>
.sqs-announcement-bar {
display: none; }
</style>
Schon fertig!
Dann kannst du noch in einem zweiten Browser testen, ob die Mitteilungsleiste auf der gewünschten Seite ausgeblendet ist.
Am besten löscht du vorher noch die Cookies, damit du sicher bist, dass das Banner neu erscheint. Und guckst, ob die Leiste auf allen anderen Seiten erscheint.
👉 Ständig frische Tipps für deine Squarespace-Website? Abonniere jetzt meinen Youtube-Kanal mit laufen neuen Tutorials! 🎥
Falls du Fragen zur Mitteilungsleiste bei Squarespace oder dem Ausblenden hast, schreib sie einfach in die Kommentare!
Diese Artikel sind bestimmt auch interessant für dich: