Website-Benachrichtigungen sind wie kleine, freundliche Erinnerungen für deine Kunden – damit alle immer im Bilde sind! Ob es ein neues Update, frischer Content oder ein dezenter Hinweis auf Änderungen ist:
Benachrichtigungen helfen deinem Team, verbunden und reaktionsschnell zu bleiben.
Das Beste daran?
Du kannst die Benachrichtigungen an den Stil deiner Zielgruppe anpassen – damit sie zur richtigen Zeit genau die richtigen Infos erhalten. Kein E-Mail-Chaos mehr oder verpasste Social-Media-Updates.
Intelligentere Ankündigungen – eine Ping-Nachricht nach der anderen!
Hauptbereich
Willkommen im Kreativstudio deines Benachrichtigungssystems!
Der Reiter “Hauptbereich” ist der Ort, an dem deine Benachrichtigung ihre Reise beginnt – von Updates bis zu aufmerksamkeitsstarken Alerts. Hier ist ein Überblick über alle Abschnitte, damit du selbstbewusst und mit Stil gestalten kannst:
Benachrichtigungsname
Das ist dein interner Name – quasi der Spitzname deiner Benachrichtigung.
Er wird den Nutzern nicht angezeigt, hilft dir aber dabei, hinter den Kulissen alles im Griff zu behalten.
Tipp: Verwende klare Bezeichnungen wie z. B.
“Kostenlose Support-Meldung“, “Blitzverkaufs-Hinweis“ oder
Wöchentliches Update“, damit du sie später schnell wiederfindest.
Titel der Nachricht
Das ist die Überschrift deiner Benachrichtigung – der Eyecatcher! Nutze sie, um klar zu machen, worum es geht.
Extra-Feature: Du kannst <span>-Tags und Inline-Styles nutzen, um Farben oder besondere Formatierungen einzubauen.
Beispiel:
<span style="color:#ff9900;">Schnell!</span> Angebot nur für kurze Zeit!
Beschreibungstext
Der freundliche Nachsatz zum Titel. Nutze ihn, um mehr Kontext zu liefern, das Angebot zu erklären oder zu sagen, was die Nutzer als Nächstes tun sollen.
Auch hier kannst du <span>- und Style-Tags nutzen – hebe Schlüsselwörter hervor, betone etwas oder gestalte deinen Text stilvoll!
Bild
Füge deiner Benachrichtigung ein ansprechendes Bild hinzu!
Lade eine Datei im Format JPG, PNG, SVG, GIF oder WEBP hoch – das macht deine Nachricht auffälliger und verleiht ihr Persönlichkeit. Achte darauf, dass die Datei unter 5 MB bleibt, damit sie schnell geladen wird.
Fehler gemacht oder Bild wechseln?
Setze das Häkchen bei „Hochgeladene Datei löschen“, um das aktuelle Bild zu entfernen und ein neues hochzuladen.
ALT-Text fürs Bild
Das ist die „unsichtbare“ Beschreibung deines Bildes – sie verbessert die Barrierefreiheit (für Screenreader) und ist gut für SEO.
Beispiel: Wenn dein Bild eine Chat-Blase zeigt, schreibe z. B.: „Chat-Symbol zeigt verfügbaren Support“
Benachrichtigungs-URL
Möchtest du die Nutzer irgendwohin weiterleiten, wenn sie auf die Benachrichtigung klicken?
Dann füge hier den Link ein – z. B. zu deiner Produktseite, einem Kontaktformular oder Blogartikel.
Optional: Lass das Feld leer, wenn es nur eine Info-Benachrichtigung ist und kein Klickziel braucht.
Der letzte Schritt: Wenn du alles nach deinen Wünschen angepasst hast, klicke auf “Aktualisieren“, um deine Kreation zu speichern und oben rechts eine Vorschau anzuzeigen.