WooCommerce Ankündigungsleiste: Sales, Versand und Hinweise

Eine Shop-Ankündigungs-Leiste ist eine der einfachsten Möglichkeiten, jedem Besucher in dem Moment, in dem er ankommt, etwas Wichtiges mitzuteilen. Ob du einen Wochenend-Sale fährst, an eine Versandfrist vor Weihnachten erinnerst oder eine Free-Shipping-Schwelle kennzeichnest: Eine einzige Leiste oben auf der Seite erreicht jeden, ganz ohne E-Mail oder Popup. Das Problem ist, dass WooCommerce keine eigene Ankündigungs-Leiste mitbringt. Die Nachricht landet deshalb oft dort, wo sie übersehen wird: vergraben auf der Startseite, versteckt in einer Produktbeschreibung oder verschickt in einer E-Mail, die die meisten Käufer nie öffnen. Dieser Leitfaden erklärt, was eine Ankündigungs-Leiste ist, wann man sie einsetzt, wie man eine Leiste schreibt, die auch gelesen wird, und wie du mit dem kostenlosen Plugin Notice eine saubere, schließbare und barrierefreie Leiste in WooCommerce ergänzt.

Was eine Shop-Ankündigungs-Leiste ist

Eine Shop-Ankündigungs-Leiste ist ein schmaler, über die volle Breite reichender Streifen, der oben auf jeder Seite fixiert ist und eine kurze, shopweite Nachricht trägt.

Sie sitzt über deinem Header, sodass sie das Erste ist, was ein Besucher liest, und sie verbindet meist eine einzelne Textzeile mit einem optionalen Call-to-Action-Button. Der Sinn ist Reichweite: Jede Seite deines Shops zeigt dieselbe Nachricht, du bist also nicht darauf angewiesen, dass Käufer eine E-Mail öffnen oder ein auf der Startseite verstecktes Banner bemerken. Die Leiste ist von Haus aus shopweit, und genau das macht sie für die wenigen Dinge nützlich, die jeder Besucher tatsächlich wissen muss.

Anders als ein Popup blockiert eine gute Ankündigungs-Leiste die Seite nicht und unterbricht das Stöbern nicht. Sie bleibt aus dem Weg, teilt eine Sache mit und lässt den Besucher sie lesen und weitergehen. Diese Zurückhaltung ist der ganze Sinn der Sache. Ein Popup verlangt eine Entscheidung, eine Leiste informiert einfach.

Wann man eine Ankündigungs-Leiste einsetzt

Eine Ankündigungs-Leiste funktioniert am besten für eine einzelne, zeitkritische, shopweite Nachricht. Die klarsten Anwendungsfälle sind:

• Sales und Aktionen. Kündige einen Rabatt, einen Coupon-Code oder einen Flash-Sale an, mit einem Link zur Verkaufsseite.
• Free-Shipping-Schwellen. Sag Käufern, wie viel sie ausgeben müssen, um kostenlose Lieferung freizuschalten.
• Versandfristen. Warne Kunden vor dem letzten Bestelltag für eine Lieferung vor einem Feiertag oder Wochenende.
• Service-Hinweise. Kennzeichne Lagerverzögerungen, eine vorübergehende Schließung oder verlängerte Versandzeiten in Stoßzeiten.
• Wichtige Richtlinienänderungen. Verweise auf aktualisierte Bedingungen, ein neues Rückgabefenster oder saisonale Öffnungszeiten.

Die Faustregel lautet: eine Idee pro Leiste. Wenn du versuchst, drei Dinge gleichzeitig zu kommunizieren, nimmt der Käufer keines davon auf. Eine Leiste ist eine Schlagzeile, kein schwarzes Brett.

Tipp: Entscheide, wofür die Leiste diese Woche da ist, und widerstehe der Versuchung, eine zweite Nachricht hinzuzufügen. Hast du zwei Dinge zu sagen, beginne mit dem dringenderen und finde für das andere einen anderen Platz.

Wie man eine Leiste schreibt, die gelesen wird

Eine Leiste, die gelesen wird, ist kurz, konkret und endet mit einer einzigen Aktion.

1. Beginne mit dem Nutzen oder der Frist. “Kostenloser Versand ab 200 PLN” oder “Bis Freitag bestellen für Lieferung vor den Feiertagen” schlägt ein vages “Sonderangebot”.
2. Beschränke dich auf eine Zeile. Die Leiste ist schmal, besonders auf dem Smartphone. Streiche also jedes Wort, das nicht sein Gewicht trägt.
3. Füge einen einzigen Call to Action hinzu. Ein einzelner Button oder Link zum Sale, zur Kategorie oder zur Richtlinienseite reicht. Zwei konkurrierende Links teilen die Aufmerksamkeit.
4. Nutze klare Zahlen und Daten. Konkrete Angaben wie “20 % sparen” oder “bis 19. Dezember” überzeugen mehr und sind ehrlicher als Slogans.
5. Aktualisiere sie, wenn sich das Angebot ändert. Eine veraltete “Sommer-Sale”-Leiste im Herbst untergräbt das Vertrauen schneller, als gar keine Leiste es täte.

Warnung: Eine veraltete Leiste untergräbt das Vertrauen schneller, als gar keine Leiste es täte. Eine leere oder deaktivierte Leiste ist besser als eine, die noch ein bereits abgelaufenes Angebot bewirbt.

Was eine gute Ankündigungs-Leiste braucht

Eine Ankündigungs-Leiste in WooCommerce einzurichten läuft auf drei Fragen hinaus: wo die Leiste eingefügt wird, wie sie aussieht und wie sie sich verhält. Eine saubere Lösung sollte ein paar Grundlagen abdecken, egal ob du sie von Hand baust oder ein Plugin installierst:

• Shopweites Rendering. Die Leiste sollte auf jeder Frontend-Seite über den Hook wp_body_open des Themes erscheinen, sodass sie über dem Header angezeigt wird, ohne dass Template-Dateien bearbeitet werden müssen. Die meisten modernen Themes unterstützen diesen Hook.
• Eine sichere Art, die Nachricht zu schreiben. Du möchtest einen Link oder etwas Hervorhebung einfügen können, ohne ein Einfallstor zu öffnen, durch das beliebiges HTML auf jede Seite deines Shops gelangt.
• Ein optionaler Call to Action. Ein beschrifteter Button mit eigener URL und der Wahl, ihn in einem neuen Tab zu öffnen, damit die Leiste Klicks erzeugen und nicht nur informieren kann.
• Markengerechte Farben. Hintergrund-, Text- und Akzentfarben, die du selbst bestimmst, damit die Leiste wie Teil des Shops wirkt und nicht wie ein Anbau.
• Ein Schließen-Element. Lass Käufer die Leiste schließen, sobald sie sie gesehen haben, und merke dir diese Entscheidung, damit sie nicht bei jedem Besuch nervt.
• Assets nur bei Aktivität. Eine gut gebaute Leiste lädt ihr CSS und ein etwaiges Schließen-Skript nur, wenn die Leiste tatsächlich eingeschaltet ist, sodass eine deaktivierte Leiste nichts kostet.
• Eingebaute Barrierefreiheit. Die Leiste sollte ein beschrifteter Bereich mit tastaturbedienbarem Schließen-Button, sichtbaren Fokus-Stilen und Respekt vor der Einstellung “reduzierte Bewegung” sein.

Das meiste davon kannst du mit einem Snippet von Hand programmieren, aber ein Snippet liefert dir keinen Einstellungsbildschirm, keine Live-Vorschau, keine Safe-HTML-Behandlung und keine Schließen-Logik. Ein spezielles Plugin gibt dir all das, ohne dass du Theme-Dateien anfassen musst, und hält die Leiste funktionsfähig, wenn du das Theme wechselst.

Barrierefreiheit und Performance zählen

Eine Ankündigungs-Leiste berührt jede Seite, also beeinflusst ihre Qualität deinen gesamten Shop.

Bei der Performance rendern die leichtesten Leisten als reines serverseitiges HTML und verzichten vollständig auf JavaScript-Frameworks im Frontend. Das kleine Stylesheet nur dann zu laden, wenn die Leiste aktiviert ist, bedeutet, dass eine deaktivierte Leiste deinen Seiten nichts hinzufügt und es kein Layout-Shift über die eigene Höhe der Leiste hinaus gibt. Das ist der Unterschied zwischen einer Leiste, die in deinen Core Web Vitals unsichtbar bleibt, und einer, die jede Seite für eine einzige Textzeile ausbremst.

Hinweis: Wenn die Leiste ausgeschaltet ist, wird im Shop nichts gerendert und weder CSS noch JavaScript geladen, sodass eine deaktivierte Leiste deinen Seiten nichts hinzufügt.

Bei der Barrierefreiheit sollte die Leiste als beschrifteter ARIA-Bereich ausgewiesen sein, damit Screenreader sie ankündigen, der Schließen-Button sollte per Tastatur bedienbar sein, Fokus-Stile sollten sichtbar sein, und jede Animation sollte die Einstellung “reduzierte Bewegung” eines Besuchers respektieren. Eine Leiste, die diese Grundlagen verfehlt, ärgert manche Käufer und schließt andere aus. Da die Leiste das Erste auf der Seite ist, ist eine nicht barrierefreie Leiste die erste Hürde, auf die ein Tastatur- oder Screenreader-Nutzer trifft.

Warnung: Da die Leiste das Erste auf der Seite ist, ist eine nicht barrierefreie Leiste die erste Hürde, auf die ein Tastatur- oder Screenreader-Nutzer trifft.

Wie Notice das löst

Notice - Announcement Bar for WooCommerce ist ein kostenloses Plugin, das genau eine shopweite Leiste oben in deinem Shop ergänzt, mit den oben beschriebenen Steuerelementen und nichts, was du nicht brauchst.

Die Notice-Leiste sitzt auf jeder Frontend-Seite über dem Header, bereit, damit Käufer sie lesen und schließen.

Du schreibst die Nachricht in einem Feld, das eine kleine, sichere HTML-Allowlist akzeptiert: fett, kursiv, Links und Zeilenumbrüche, mehr nicht. So kannst du formatieren und verlinken, ohne die Seite für beliebiges Markup zu öffnen. Du kannst einen optionalen Call-to-Action-Button mit eigener Beschriftung und URL hinzufügen und festlegen, ob er in einem neuen Tab öffnet. Lässt du die Button-Beschriftung leer, zeigt die Leiste nur Text. Für das Erscheinungsbild legst du Hintergrund-, Text- und Akzentfarbe mit nativen Farbwählern fest, und ein Live-Vorschau-Panel auf dem Einstellungsbildschirm zeigt die fertige Leiste, während du tippst. Du musst also nicht ständig speichern und den Shop neu laden, um dein Ergebnis zu prüfen.

Die Leiste ist schließbar, sobald du das einschaltest, mit einem “Merken für (Tage)“-Element, mit dem du entscheidest, wie lange die Wahl eines Käufers gilt. Das Schließen wird im Browser des Besuchers über localStorage gespeichert, ohne Cookies und ohne personenbezogene Daten, und das Bearbeiten des Nachrichtentextes blendet die Leiste automatisch wieder für alle ein. Eine neue Ankündigung wird so nie von einem alten Schließen versteckt. Setze die Tage auf 0, um das Schließen dauerhaft zu merken.

Sie ist so gebaut, dass sie aus dem Weg bleibt. Die Leiste rendert serverseitig bei wp_body_open, das CSS lädt nur, wenn die Leiste aktiviert ist und eine Nachricht hat, und das Schließen-Skript lädt nur, wenn die Leiste zusätzlich schließbar ist. Eine deaktivierte Leiste fügt deinen Seiten also nichts hinzu. Das Markup ist reines HTML ohne JavaScript-Framework im Frontend, die Leiste ist ein ARIA-Bereich mit tastaturbedienbarem Schließen-Button und Focus-Visible-Stilen, und sie respektiert die Einstellung “reduzierte Bewegung”. Es gibt kein Layout-Shift über die eigene Höhe der Leiste hinaus. Das Plugin ist übersetzungsbereit mit mitgelieferter POT-Datei, entfernt seine Daten bei der Deinstallation sauber und ist HPOS- sowie Cart- und Checkout-Blocks-kompatibel.

Einrichtung

Die Leiste live zu schalten dauert ein paar Minuten:

1. Installiere das Plugin über Plugins → Installieren, oder lade es nach /wp-content/plugins/notice hoch. WooCommerce muss installiert und aktiv sein.
2. Aktiviere es.
3. Gehe zu WooCommerce → Ankündigungs-Leiste, schreibe deine Nachricht, setze deine Farben und konfiguriere die Link- und Schließen-Optionen. Die Live-Vorschau aktualisiert sich dabei laufend.
4. Schalte den zentralen Aktivieren-Schalter ein. Ist er aus, wird im Shop nichts gerendert und weder CSS noch JavaScript geladen.

Das ist der gesamte Ablauf. Es gibt einen Einstellungsbildschirm, gegliedert in die Karten Nachricht, Link, Erscheinungsbild und Verhalten, und die Leiste erscheint oben auf jeder Frontend-Seite, sobald sie aktiviert ist.

Der eine wp-admin-Einstellungsbildschirm, auf dem du die Nachricht schreibst, Farben wählst und die Link- und Schließen-Optionen konfigurierst.

Praktische Tipps für eine Leiste, die wirkt

Das Plugin liefert den Mechanismus, das Urteil liegt bei dir. Ein paar Hinweise:

• Behandle die Leiste als einzelnen Kanal. Entscheide, wofür die Leiste diese Woche da ist, und widerstehe der Versuchung, eine zweite Nachricht hineinzuquetschen. Hast du zwei Dinge zu sagen, sag das dringendere und finde für das andere einen anderen Platz.
• Stimme die Farben auf deine Marke ab, nicht auf “Aufmerksamkeit”. Eine Leiste, die mit dem Rest des Shops kollidiert, liest sich wie eine Anzeige, und Käufer haben gelernt, Anzeigen zu ignorieren. Eine Leiste, die deine eigene Akzentfarbe nutzt, liest sich wie Teil des Shops.
• Nutze das Schließen-Fenster bewusst. Ein kurzes “Merken für”-Fenster passt zu einer schnelllebigen Aktion, die wiederkehrende Besucher erneut sehen sollen; ein langes passt zu einem dauerhaften Hinweis, etwa einer festen Free-Shipping-Schwelle, der nicht wiederholt werden muss.
• Bearbeite den Text, wenn das Angebot endet. Da das Ändern der Nachricht die Leiste für alle wieder einblendet, ist das Aktualisieren des Textes zugleich der Weg, Käufer erneut anzusprechen, die die vorherige Leiste geschlossen hatten. Eine leere oder deaktivierte Leiste ist besser als eine veraltete.
• Halte den Link ehrlich. Schicke den Button auf genau die Seite, die die Nachricht verspricht. Ein “Zum Sale”-Button, der auf der allgemeinen Startseite landet, ist ein kleines gebrochenes Versprechen, das Vertrauen kostet.

Notice im Vergleich zum Standard-WooCommerce

WooCommerce hat überhaupt keine Ankündigungs-Leiste, daher muss die Nachricht ohne Plugin in einer Seite, einem Widget-Bereich oder einer E-Mail leben. So sieht der Unterschied speziell für einen shopweiten Hinweis aus:

Funktion	Standard-WooCommerce	Notice
Shopweite Leiste oben auf jeder Seite	Nicht enthalten	Ja, gerendert bei wp_body_open
Nachricht mit sicherer Formatierung	nicht vorhanden	Fett, kursiv, Links und Zeilenumbrüche
Call-to-Action-Button	nicht vorhanden	Optionale Beschriftung, URL und Neuer-Tab-Option
Eigene Farben mit Live-Vorschau	nicht vorhanden	Hintergrund, Text und Akzent, mit Vorschau
Schließbar mit gemerkter Wahl	nicht vorhanden	Ja, über localStorage, mit Tage-Einstellung
Wieder einblenden bei Nachrichtenänderung	nicht vorhanden	Automatisch, wenn sich der Text ändert
Assets nur bei Aktivität	nicht vorhanden	CSS und Skript laden nur, wenn die Leiste an ist
Barrierefreiheit	nicht vorhanden	ARIA-Bereich, Tastatur-Schließen, reduzierte Bewegung
Kosten	Kostenlos (keine Leiste)	Kostenlos; PRO ergänzt Analytics, Targeting und mehr

Kostenlos im Vergleich zu PRO

Die kostenlose Version ist ein vollständiges Werkzeug für eine Leiste: Nachricht, CTA, Farben, Schließen sowie die Arbeit an Barrierefreiheit und Performance, alles enthalten und für die meisten Shops völlig ausreichend. Notice Pro ist ein separates Add-on, über Freemius vertrieben, das die Installation und Aktivierung des kostenlosen Plugins voraussetzt und auf dessen Basis aufbaut. Es ergänzt Klick- und Impressions-Analytics in einem eigenen Analytics-Bildschirm, Seiten-Targeting, sodass eine Leiste nur im Shop-Katalog, auf einzelnen Produkten oder in Warenkorb und Kasse erscheint, Rollen-Targeting für Gäste, eingeloggte Kunden oder ausgewählte Rollen, Geo- und Geräte-Targeting nach Land sowie nach Mobil oder Desktop, bis zu fünf gleichzeitig laufende Leisten mit jeweils eigenen Einstellungen und A/B-Tests, die eine Varianten-Nachricht und CTA mit Ergebnissen pro Variante testen. Wenn du nur eine klare Nachricht für jeden Käufer brauchst, ist die kostenlose Leiste die ganze Antwort; PRO ist für Shops, die gezielt steuern, messen und testen wollen, was sie anzeigen.

Die Kurzfassung

WooCommerce bietet keine Möglichkeit, eine shopweite Nachricht vor jeden Besucher zu bringen, daher landen Verkaufsdaten, Versandfristen und Free-Shipping-Schwellen dort, wo Käufer sie übersehen. Eine gute Ankündigungs-Leiste behebt das mit einem einzelnen, schließbaren, barrierefreien Streifen oben auf jeder Seite, der nichts lädt, wenn er ausgeschaltet ist. Das kostenlose Plugin Notice ergänzt genau das: eine Leiste mit sicher formatierter Nachricht, optionalem CTA, deinen eigenen Farben, einem gemerkten Schließen und einer Live-Vorschau, serverseitig gerendert und mit Assets, die nur laden, wenn die Leiste aktiv ist. Wenn du bereit bist, zu steuern, zu messen und zu testen, ergänzt Notice Pro Analytics, Targeting nach Seite, Rolle, Region und Gerät, mehrere Leisten und A/B-Tests obendrauf.