Hinweisleiste für Website (Banner oben)

Hinweisleiste für Website (Banner oben): wofür es gut ist

Die Leiste oben auf der Website ist der einfachste Weg, auf Aktionen, kostenlosen Versand, besondere Feiertagsöffnungszeiten oder Neuigkeiten hinzuweisen, ohne die Navigation zu stören.

Schreibe die Mitteilung, den Link und wähle die Farben. Der Code merkt sich, wer geschlossen hat, um sie nicht erneut zu zeigen (bis du den Text änderst), kann nach einem Datum von selbst verschwinden und beim Scrollen fixiert bleiben. Die Leiste wird am Seitenanfang eingefügt und reserviert den Platz ab dem Laden, damit sie den Inhalt nicht verschiebt und den CLS nicht verschlechtert.

So geht’s

1. Schreibe Text und Link.
2. Wähle Farben, Schließen-Button und Enddatum.
3. Kopiere und füge direkt nach dem Body-Tag ein.

Wann nutzen

• Black-Friday-Aktion.
• Hinweis auf Feiertagsöffnungszeiten.
• Kostenloser Versand oder Rabattgutschein.

Häufige Fragen

Wie merkt sich die Leiste, dass die Person sie geschlossen hat?

Der Code speichert (localStorage), dass dieser Hinweis geschlossen wurde. Wenn du den Text änderst, ändert sich der Schlüssel mit, und der neue Hinweis erscheint wieder für alle.

Schadet die Leiste SEO oder Ladezeit?

Nein, sie besteht aus leichtem HTML und CSS. Damit die Seite nach dem Laden nicht verschoben wird (was die CLS-Metrik von Google verschlechtert), setzt der Code die Leiste an den Anfang des Body, reserviert den Platz von Anfang an und entfernt sie nur, wenn die Person sie schon geschlossen hat.

Kann ich sie nur bis zu einem Datum anzeigen?

Ja. Trage das Enddatum ein, und die Leiste erscheint danach nicht mehr, ohne dass du die Website bearbeiten musst.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.

Ähnliche Tools