# Wie fügt man eine Ankündigungsleiste mit Countdown in PrestaShop hinzu? > Der Server muss das Enddatum übertragen, nicht die verbleibende Dauer: Das verhindert einen vom Cache eingefrorenen Countdown. Zeitzonen, Layoutverschiebung, Sprach-Targeting und Schließ-Speicherung pro Version. - Seite: - Sprache: de - Veröffentlicht am: 2026-10-01 - Aktualisiert am: 2026-10-01 - Weitere Sprachen: [fr](https://www.datafirefly.com/2026/10/01/barre-annonce-compte-a-rebours-prestashop/index.md), [en](https://www.datafirefly.com/en/2026/10/01/announcement-bar-countdown-prestashop/index.md), [es](https://www.datafirefly.com/es/2026/10/01/barra-anuncio-cuenta-atras-prestashop/index.md), [it](https://www.datafirefly.com/it/2026/10/01/barra-annuncio-conto-alla-rovescia-prestashop/index.md), [pl](https://www.datafirefly.com/pl/2026/10/01/pasek-ogloszen-odliczanie-prestashop/index.md), [nl](https://www.datafirefly.com/nl/2026/10/01/aankondigingsbalk-aftelklok-prestashop/index.md), [pt](https://www.datafirefly.com/pt/2026/10/01/barra-anuncio-contagem-decrescente-prestashop/index.md) - Index: Eine Ankündigungsleiste oben auf der Seite ist der direkteste Weg, ein zeitlich begrenztes Angebot zu kommunizieren. Sie ist auch eines der am leichtesten schlecht umzusetzenden Elemente: falsche Zeitzone, Layoutverschiebung oder ein vom Cache eingefrorener Countdown. ## Was die Leiste sagen muss Eine Botschaft, eine Aktion, eine Frist. Drei Elemente und nicht mehr. Die **Botschaft** passt auf dem Handy in eine Zeile, also etwa vierzig Zeichen. „Kostenloser Versand ab 49 €" funktioniert, „Profitieren Sie von unserem außergewöhnlichen Versandangebot" sagt nichts. Die **Aktion** ist ein Link zur betreffenden Seite. Eine Leiste, die eine Aktion ankündigt, ohne dorthin zu führen, zwingt den Besucher zum Suchen. Die **Frist**, falls vorhanden, als Countdown oder Datum. Sie hat nur Sinn, wenn sie echt ist. Wichtiger Punkt: Der Countdown muss einem tatsächlichen Angebotsende entsprechen. Ein Zähler, der bei jedem Besuch wieder bei null beginnt, ist eine irreführende Geschäftspraktik, und ein wiederkehrender Besucher erkennt sie sofort. ## Das Zeitzonenproblem Es ist der häufigste technische Fehler, und er erzeugt Abweichungen von ein bis zwei Stunden je nach Jahreszeit. Drei Uhren spielen mit: die des Servers, die in PrestaShop konfigurierte und die des Besucherbrowsers. Die Regel, die Probleme vermeidet: **Berechnen Sie die Frist serverseitig, übertragen Sie sie in Weltzeit und lassen Sie den Browser die Umrechnung machen**. Der Besucher sieht den Countdown dann in seiner Ortszeit, was das erwartete Verhalten ist. Zwei ergänzende Prüfungen. Die Umstellung auf Sommer- oder Winterzeit, wenn Ihr Angebot einen Wechsel überspannt: Eine ohne Berücksichtigung der Verschiebung berechnete Frist springt um eine Stunde. Und der Fall ausländischer Besucher: Ein Angebot, das um Mitternacht Berliner Zeit endet, endet für einen portugiesischen Kunden um 23 Uhr, was korrekt ist, aber bewusst so gewollt sein muss. ## Der Countdown und der Cache Klassisches Problem: Die Leiste zeigt allen Besuchern zwei Tage lang „noch 3 Stunden", weil die Seite aus dem Cache ausgeliefert wird. Die Ursache ist einfach: Der Countdown wurde serverseitig zum Zeitpunkt der Seitengenerierung berechnet und dann mit ihr eingefroren. Die Lösung: **Der Server überträgt das Enddatum, nicht die verbleibende Dauer**. Ein browserseitiges Skript berechnet die Differenz zur aktuellen Zeit und aktualisiert die Anzeige jede Sekunde. Das Enddatum kann ohne Schaden gecacht werden, die Dauer nicht. Zwei ergänzende Punkte. Planen Sie das Verhalten **beim Ablauf**: Die Leiste verschwindet oder zeigt eine Endnachricht. Ein Countdown auf null, der angezeigt bleibt, wirkt verlassen. Und wenn Ihre Seite lange gecacht wird, kann die Leiste selbst separat geladen werden, um aktuell zu bleiben. ## Die Layoutverschiebung Ein technischer Punkt, der Ihre Performance-Kennzahlen beeinflusst und oft erst im Nachhinein entdeckt wird. Eine nach dem Seitenladen eingefügte Leiste schiebt den gesamten Inhalt nach unten. Der Besucher, der auf ein Element klicken wollte, klickt auf ein anderes, und Ihre Kennzahl für visuelle Stabilität verschlechtert sich. Drei Wege, das zu vermeiden. **Den Platz reservieren**, ab dem ersten Rendern, mit fester Höhe, auch wenn der Inhalt später kommt. **Die Leiste als Overlay anzeigen** statt im Fluss, was nichts verschiebt, aber einen Teil des Inhalts verdeckt. **Die Leiste mit der Seite ausliefern**, nicht nachgeladen. Das ist die einfachste Lösung, wenn sich der Inhalt der Leiste wenig ändert. Achten Sie auch auf die variable Höhe: Eine Botschaft, die auf dem Handy über zwei Zeilen läuft und auf dem Desktop über eine, erzeugt eine Verschiebung, wenn der Platz mit dem falschen Wert reserviert wurde. ## Das Targeting Eine überall und für alle angezeigte Leiste verliert ihre Wirksamkeit in wenigen Tagen. Vier Targeting-Achsen. **Nach Seite.** Eine Ankündigung kostenlosen Versands hat auf Produktseiten und im Warenkorb Sinn, weniger auf Inhaltsseiten. **Nach Sprache und Land.** Ein auf Deutschland begrenztes Angebot darf ausländischen Besuchern nicht angezeigt werden. Das ist eine Frage der Relevanz und manchmal der Konformität, wenn die Bedingungen abweichen. **Nach Kundengruppe.** Ein für Gewerbekunden reserviertes Angebot betrifft Privatkunden nicht. **Nach Verhalten.** Eine Leiste, die nur neuen Besuchern angezeigt wird, oder nur nach einem ersten Besuch, je nachdem, was Sie kommunizieren. Das Sprach-Targeting wird am häufigsten vernachlässigt, und es erzeugt das sichtbarste Ergebnis: eine deutsche Botschaft auf einer englischen Version Ihres Shops. ## Das Schließen Drei Regeln. **Die Leiste muss schließbar sein.** Ein Banner, das sich nicht entfernen lässt und auf dem Handy ein Zehntel des Bildschirms belegt, ist eine Belastung. **Das Schließen muss gemerkt werden**, für eine angemessene Dauer: die Sitzung oder einige Tage. Die Leiste auf jeder Seite wieder zu öffnen ist aggressiv. **Das Merken muss die Botschaft berücksichtigen.** Wenn Sie die Ankündigung wechseln, muss die neue auch denen angezeigt werden, die die vorherige geschlossen hatten. Das setzt eine Versionskennung im Speicher voraus. Diesen dritten Punkt entdeckt man, wenn man feststellt, dass eine neue Kampagne von niemandem gesehen wird. ## Die Barrierefreiheit Zwei Punkte, schnell zu behandeln. Der **Kontrast** des Textes auf dem Hintergrund der Leiste muss das Mindestverhältnis einhalten. Werbeleisten verwenden gern Weiß auf leuchtenden Farben, die oft unter die Schwelle fallen. Der **Schließen-Button** muss per Tastatur erreichbar sein und eine explizite Beschriftung für Screenreader tragen. Ein Kreuz ohne Alternativtext ist ein stummer Button. Ein Punkt zum Countdown: Eine jede Sekunde an assistive Technologien gemeldete Aktualisierung erzeugt einen unerträglichen Wortschwall. Das Element darf nicht als kontinuierlich ankündigende Region deklariert werden. ## Messen Drei Kennzahlen. Die **Klickrate** auf die Leiste, bezogen auf die Einblendungen. Unter 1 % sind Ihre Botschaft oder Ihr Targeting zu überarbeiten. Die **Schließrate**. Eine hohe Rate signalisiert eine als aufdringlich oder themenfremd empfundene Botschaft. Der **zugeordnete Umsatz** der Sitzungen, die auf die Leiste geklickt haben, im Vergleich zu den anderen. Es ist die einzige Zahl, die es rechtfertigt, sie zu behalten. Ein vierter Punkt, über die Zeit zu beobachten: der Abnutzungseffekt. Eine permanente Leiste wird in wenigen Wochen unsichtbar. Botschaften abzuwechseln oder die Leiste nur während echter Aktionen anzuzeigen erhält ihre Wirksamkeit. Das setzt dieses System auf PrestaShop 8 und 9 um: browserseitig aus einem Enddatum berechneter Countdown, der trotz Cache korrekt bleibt, Targeting nach Seite, Sprache, Land und Kundengruppe, Platzreservierung gegen Layoutverschiebung und Schließ-Speicherung pro Botschaftsversion.