Ich habe Benachrichtigungsnachrichten in WordPress verwendet, um Kunden vor geringem Lagerbestand zu warnen, erfolgreiche Kassenabwicklungen zu bestätigen und sogar neue Blog-Funktionen hervorzuheben. Es handelt sich um jene kleinen, gestylten Boxen, die auf Ihrer Website erscheinen, um Updates, Fehler oder Hinweise anzuzeigen, genau dann, wenn Ihre Besucher sie sehen müssen.
WordPress zeigt standardmäßig einige Benachrichtigungen an, z. B. wenn ein Formular fehlschlägt oder eine Anmeldung erfolgreich ist. Diese sind jedoch begrenzt, und die Anpassung bedeutet normalerweise, dass man mit dem Code herumfummeln muss.
In diesem Leitfaden zeige ich Ihnen zwei einfache Möglichkeiten, Ihre eigenen Benachrichtigungsnachrichten mit Tools zu erstellen, die keinen benutzerdefinierten Code benötigen – einfach ziehen, ablegen und loslegen.
Was ist eine Benachrichtigungsnachricht in WordPress?
Eine Benachrichtigungsnachricht ist eine Nachricht, die auf Ihrer WordPress-Website erscheint, um Besucher über wichtige Updates, Benachrichtigungen oder Fehler zu informieren. Sie können diese an verschiedenen Stellen auf Ihrer Website anzeigen, z. B. im Header, Footer, in der Seitenleiste oder innerhalb von Blogbeiträgen und Seiten.
WordPress stellt standardmäßig Benachrichtigungsnachrichten für verschiedene Ereignisse bereit, z. B. wenn sich ein Benutzer erfolgreich anmeldet oder wenn beim Absenden eines Kontaktformulars ein Fehler auftritt. Diese standardmäßigen Benachrichtigungsnachrichten sind informativ und benutzerfreundlich gestaltet, aber möglicherweise nicht immer ausreichend für die spezifischen Bedürfnisse Ihrer Website.
Warum eine Benachrichtigungsnachricht zu Ihrer WordPress-Website hinzufügen?
Das Hinzufügen benutzerdefinierter Benachrichtigungsnachrichten zu WordPress ermöglicht es Ihnen, Nachrichten anzuzeigen, die auf Ihre spezifischen Anforderungen zugeschnitten sind.
Sie möchten beispielsweise Benutzer über eine neue Funktion auf Ihrer Website informieren oder ihnen einen Rabattcode für ein E-Commerce-Produkt anbieten. Ebenso möchten Sie Benutzer möglicherweise vor Artikeln warnen, die sich noch in ihren Warenkörben befinden, und nach erfolgreichem Abschluss des Kaufs eine Erfolgsmeldung anzeigen.
Durch das Hinzufügen benutzerdefinierter Benachrichtigungsnachrichten können Sie das Benutzererlebnis auf Ihrer Website verbessern, wichtige Informationen an Ihr Publikum weitergeben und Dringlichkeit erzeugen, um sie zum Handeln zu bewegen.
Arten von Benachrichtigungsnachrichten, die Sie in WordPress verwenden können
Es gibt verschiedene Arten von Benachrichtigungsnachrichten in WordPress, die Sie hinzufügen können, je nachdem, was Besucher tun oder wissen sollen. Jede hat einen anderen Zweck, und der Nachrichtenstil hilft den Benutzern, auf einen Blick zu erkennen, was vor sich geht.
- Info-Nachrichten: Verwenden Sie diese für allgemeine Tipps, Erinnerungen oder Updates – z. B. um Benutzer über neue Funktionen oder Blogbeiträge zu informieren.
- Erfolgsnachrichten: Diese bestätigen, wenn etwas funktioniert hat, z. B. das Absenden eines Formulars, die Erstellung eines Kontos oder ein abgeschlossener Kauf.
- Warn- oder Fehlermeldungen: Ideal für Benachrichtigungen, die dringende Aufmerksamkeit erfordern – wie geringer Lagerbestand, fehlgeschlagene Aktionen oder Systemfehler.
Jede Methode in diesem Leitfaden zeigt Ihnen, wie Sie einen oder mehrere dieser Nachrichtentypen mit visuellen Werkzeugen erstellen können, sodass Sie keine einzige Zeile Code schreiben müssen.
So fügen Sie eine benutzerdefinierte Alert-Nachricht in WordPress hinzu (2 einfache Methoden)
Es gibt verschiedene Möglichkeiten, eine benutzerdefinierte Alert-Nachricht zu WordPress hinzuzufügen. Sie können die Funktionalität manuell codieren, ein WordPress-Benachrichtigungsleisten-Plugin installieren, ein Popup-Plugin verwenden oder Benachrichtigungssoftware ausprobieren. Heute zeigen wir Ihnen, wie Sie 2 der einfachsten Methoden anwenden: die Verwendung eines WordPress-Seitenerstellungs-Plugins und einer leistungsstarken Popup-Software.
Beide Lösungen sind super einfach, erfordern keine technischen Kenntnisse und Sie müssen kein benutzerdefiniertes CSS, HTML, PHP, Javascript oder anderen Code verwenden.
Methode 1: WordPress-Alert-Nachricht mit SeedProd anzeigen
Für die erste Methode verwenden wir SeedProd. Mit über 1 Million Nutzern ist es das beste Seitenerstellungs-Plugin für WordPress.
SeedProd macht es einfach, benutzerdefinierte Alert-Nachrichten zu Ihrer WordPress-Site hinzuzufügen, ohne Code anfassen zu müssen. Sie können auswählen, wo der Alert angezeigt wird, ihn an das Design Ihrer Website anpassen und den Nachrichtentyp steuern, von Info-Boxen bis zu Warnhinweisen.
Sie können SeedProd auch verwenden, um:
- Erstellen Sie eine „Coming Soon“-Seite in WordPress
- Passen Sie das Design Ihrer WooCommerce-Website an
- Erstellen Sie ein benutzerdefiniertes WordPress-Theme
- Fügen Sie Ihrer Website benutzerdefinierte Social-Media-Icons hinzu
- Versetzen Sie Ihre Website in den Wartungsmodus
- Und vieles mehr.
Wenn Sie also bereit sind, loszulegen, folgen Sie den nachstehenden Schritten, um mit SeedProd eine benutzerdefinierte Alert-Nachricht in WordPress zu erstellen.
Schritt 1: SeedProd-Plugin installieren und aktivieren
Als Erstes müssen Sie die Preisseite von SeedProd besuchen und das Plugin herunterladen. Wenn Sie dabei Hilfe benötigen, können Sie unserer Dokumentation zur Installation von SeedProd folgen.
Hinweis: SeedProd hat eine kostenlose Version; wir werden jedoch SeedProd Pro für die Alert Box-Funktion verwenden.
Nachdem Sie das Plugin aktiviert haben, gehen Sie zu SeedProd » Einstellungen und fügen Sie Ihren Lizenzschlüssel in das Lizenzfeld ein.
Der Lizenzschlüssel befindet sich auf der SeedProd-Website in Ihrem Kontodashboard. Klicken Sie nach der Eingabe Ihres Schlüssels auf die Schaltfläche Schlüssel überprüfen.
Als Nächstes müssen Sie entscheiden, welche Art von Layout Sie erstellen möchten. Mit SeedProd können Sie entweder einzelne WordPress-Seiten mit dem Landing Page Builder erstellen oder benutzerdefinierte WordPress-Themes mit dem Theme Builder erstellen.
Wenn Sie Ihr aktuelles WordPress-Theme weiterhin verwenden möchten, empfehlen wir die Option Landing Page Builder. Wenn Sie jedoch Ihr Theme ersetzen und Alert-Boxen zu Ihrer Kopf-, Fußzeile, Seitenleiste und anderen Theme-Vorlagen hinzufügen möchten, ist der Theme Builder die beste Wahl.
Für dieses Tutorial verwenden wir die Option Theme Builder. Wenn Sie jedoch eine Landing Page erstellen möchten, können Sie dieser Anleitung folgen, wie man eine Landing Page in WordPress erstellt.
Profi-Tipp: Sie können die Alert Box-Funktion mit beiden Optionen verwenden.
Schritt 2: Wählen Sie ein WordPress-Template-Kit aus
Da wir uns für die Theme Builder-Option entscheiden, besteht der nächste Schritt darin, die Seite SeedProd » Theme Builder zu besuchen. Auf dieser Seite müssen Sie auf die Schaltfläche Theme Template Kits klicken, um ein vorgefertigtes Website-Layout auszuwählen.
Sie sehen sofort eine Bibliothek von Website-Kits, die Sie mit einem einzigen Klick zu Ihrer Website hinzufügen können. Mit den Filtern in der oberen Leiste können Sie die Vorlagen nach Beliebtheit, Neuheit, WooCommerce und mehr sortieren.
Wenn Sie eine Vorlage finden, die Ihnen gefällt, fahren Sie mit der Maus darüber und wählen Sie das Häkchen-Symbol aus, um sie zu Ihrer WordPress-Website hinzuzufügen. In wenigen Sekunden importiert SeedProd die gesamte Vorlage, einschließlich spezifischer Seiten und Inhalte aus der Demo.
Von dort aus sehen Sie die einzelnen Teile, aus denen Ihr Theme besteht, in Ihrem WordPress-Dashboard. Sie können jeden Theme-Teil anpassen, indem Sie mit der Maus darüber fahren und auf den Link Design bearbeiten klicken.
Zum Beispiel können Sie mit Hilfe der folgenden Tutorials:
- Eine benutzerdefinierte Blog-Seite erstellen
- Eine benutzerdefinierte Einzelbeitrags-Vorlage erstellen
- Ihre WordPress-Homepage bearbeiten
- Ihren WordPress-Header anpassen
- Ihren WordPress-Footer bearbeiten
- Eine benutzerdefinierte Seitenleiste erstellen
- Und mehr.
Darüber hinaus können Sie einzelne Seiten wie Ihre Über-uns-, Kontakt- und Dienstleistungsseite anpassen. Besuchen Sie einfach Seiten » Alle Seiten und klicken Sie auf den Link Mit SeedProd bearbeiten neben der Seite, die Sie anpassen möchten.
Um zu beginnen, zeigen wir Ihnen, wie Sie Ihrer WordPress-Homepage eine Benachrichtigungsnachricht hinzufügen. Fahren Sie also mit der Maus über die Homepage-Vorlage und klicken Sie auf den Link Design bearbeiten.
Schritt 3: Block für Benachrichtigungsnachrichten hinzufügen und anpassen
Wenn Sie die Vorlage öffnen, sehen Sie den Drag-and-Drop-Seitenersteller von SeedProd. Er enthält WordPress-Blöcke und Einstellungen auf der linken Seite und eine Live-Vorschau Ihrer Homepage auf der rechten Seite.
Sie können auf jeden Bereich der Vorschau klicken, um den Vorlageninhalt anzupassen und die Änderungen in Echtzeit zu sehen. Zusätzlich können Sie neue WordPress-Blöcke aus dem linken Bereich auf Ihre Seite ziehen, um weitere Funktionen hinzuzufügen.
So fügen wir der Homepage eine Benachrichtigungsnachricht hinzu. Suchen Sie den Benachrichtigungsblock im Bereich Erweiterte Blöcke und ziehen Sie ihn dorthin, wo Sie ihn anzeigen möchten.
Sobald der Block platziert ist, können Sie sein Aussehen und die Nachricht, die er Ihren Website-Besuchern anzeigt, anpassen.
Klicken Sie zuerst auf das Dropdown-Menü 'Typ' und wählen Sie einen Benachrichtigungstyp, wie Info, Erfolg, Warnung oder Gefahr.
Geben Sie als Nächstes Ihrer Benachrichtigung einen Titel. Sie können auch die Schließen-Schaltfläche aktivieren oder deaktivieren, mit der Benutzer die Nachricht ausblenden können.
Geben Sie nun eine Beschreibung für Ihre Benachrichtigung ein, um den Benutzern weitere Informationen zu geben. Darunter können Sie die Größe, Ausrichtung und Überschriftenebene von Titel und Beschreibung ändern.
Um die Benachrichtigung hervorzuheben, können Sie ein benutzerdefiniertes Symbol hinzufügen. SeedProd verfügt über Hunderte von Font Awesome-Symbolen, sodass es viele Optionen gibt.
Wenn Sie benutzerdefinierte Farben für Ihre Benachrichtigungsnachricht verwenden möchten, klicken Sie im Block-Einstellungsfenster auf die Registerkarte Erweitert. Hier können Sie die Typografie bearbeiten, die Farben für Beschreibung, Titel und Hintergrund ändern und einen Textschatten auswählen.
Im selben Bereich können Sie den Blockabstand und die Sichtbarkeit bearbeiten und sogar eine Animation hinzufügen, um ihn auffälliger zu gestalten.
Stellen Sie sicher, dass Sie auf die Schaltfläche Speichern klicken, bevor Sie andere Seiten anpassen.
Benachrichtigungsnachrichten sind eine fantastische Möglichkeit, auf andere Bereiche Ihrer Website aufmerksam zu machen. In der folgenden Abbildung haben wir eine Erfolgsmeldung auf der Bestellbestätigungsseite eines Online-Shops hinzugefügt.
Seien Sie also kreativ mit benutzerdefinierten Benachrichtigungen und befolgen Sie dann den letzten Schritt, um sie auf Ihrer Website live zu schalten.
Schritt 4: Veröffentlichen Sie die Benachrichtigungsnachricht auf Ihrer WordPress-Site
Nachdem Sie eine SeedProd-Theme-Vorlage bearbeitet haben, müssen Sie das Theme aktivieren, um die Änderungen auf Ihrer Live-Website anzuzeigen. Gehen Sie dazu aus dem Page Builder heraus und zurück zum Theme Builder-Dashboard.
Finden Sie von dort aus den Schalter SeedProd-Theme aktivieren und schalten Sie ihn in die grüne Position „Ja“.
Jetzt können Sie Ihre Website besuchen und Ihre Benachrichtigungsnachricht in Aktion sehen!
Methode 2: Eine Benachrichtigungsleiste in WordPress mit OptinMonster anzeigen
Eine weitere Möglichkeit, eine Benachrichtigungsnachricht zu Ihrer WordPress-Site hinzuzufügen, ist die Erstellung einer Benachrichtigungsleiste. Die Benachrichtigungsleiste befindet sich am oberen oder unteren Rand Ihrer Website und zeigt den Besuchern eine benutzerdefinierte Nachricht an.
Für diese Methode verwenden wir OptinMonster, die beste Conversion-Optimierungssoftware auf dem Markt.
OptinMonster ermöglicht es Ihnen, schwebende Benachrichtigungsleisten hinzuzufügen, die am oberen oder unteren Rand Ihrer Website haften bleiben. Sie können sie für zeitlich begrenzte Angebote, Produktwarnungen oder Website-weite Ankündigungen verwenden, alles ohne Code.
Außerdem können Sie, wie oben erwähnt, OptinMonster verwenden, um eine Benachrichtigungsleiste für Ihre Website zu erstellen. Die Software verfügt über unzählige vorgefertigte Vorlagen, die es super einfach machen, in wenigen Minuten eine gut aussehende Benachrichtigungsleiste zu erstellen.
Hier ist die, die wir in diesem Tutorial erstellen werden:
Legen wir los!
Schritt 1: OptinMonster installieren und Ihre Website verbinden
Gehen Sie zuerst auf die OptinMonster-Website und melden Sie sich für Ihr Konto an.
Installieren und aktivieren Sie als Nächstes das OptinMonster WordPress-Plugin. Hilfe hierzu finden Sie in dieser Anleitung zur Installation eines WordPress-Plugins.
Das OptinMonster-Plugin ermöglicht es Ihnen, Ihre Website mit wenigen Klicks einfach mit der Software zu verbinden.
Nach der Aktivierung des Plugins müssen Sie Ihr Konto verbinden. Gehen Sie dazu in Ihrem WordPress-Adminbereich zu OptinMonster » Einstellungen.
Klicken Sie dort auf die Schaltfläche Vorhandenes Konto verbinden.
Ein Fenster wird angezeigt, in dem Sie aufgefordert werden, Ihre E-Mail-Adresse einzugeben. Sobald Sie Ihre E-Mail eingegeben haben, klicken Sie auf die Schaltfläche Mit WordPress verbinden.
Schritt 2: Eine Vorlage für schwebende Benachrichtigungsleisten auswählen
Nachdem Sie Ihr OptinMonster-Konto verbunden haben, gehen Sie in Ihrem WordPress-Dashboard zu OptinMonster » Kampagnen. Klicken Sie nun auf die Schaltfläche Erste Kampagne erstellen.
Wenn Sie mit Ihrer Alert Bar zufrieden sind, klicken Sie oben auf dem Bildschirm auf die Schaltfläche Speichern.
Wählen Sie auf dieser Seite Floating Bar als Kampagnentyp, um Ihre Alert Bar zu erstellen.
Als Nächstes sehen Sie eine Auswahl verschiedener Kampagnenvorlagen. Um eine Vorlage auszuwählen, fahren Sie mit der Maus darüber und klicken Sie auf die Schaltfläche Vorlage verwenden.
Wir verwenden die Vorlage „Alert“ für unsere Alert Bar.
Nachdem Sie die Vorlage ausgewählt haben, werden Sie aufgefordert, Ihrer Kampagne einen Namen zu geben. Sobald Sie Ihren Namen eingegeben haben, klicken Sie auf die Schaltfläche Mit dem Erstellen beginnen.
Schritt 3: Text und Design Ihrer Alert Bar bearbeiten
Auf dem nächsten Bildschirm sehen Sie den Kampagnen-Editor von OptinMonster. Hier können Sie Ihre Alert-Nachricht gestalten und anpassen.
Standardmäßig wird die Alert Bar oben auf Ihrem Bildschirm angezeigt. Um den Text auf der Floating Bar zu ändern, klicken Sie auf den Bereich, den Sie bearbeiten möchten, und geben Sie Ihre benutzerdefinierte Nachricht ein.
Sie können auch Schriftart, Schriftgröße, Farbe und mehr ändern.
Wenn Sie die Dringlichkeit Ihrer Alert Bar erhöhen möchten, können Sie den Countdown-Block per Drag & Drop auf die Floating Bar ziehen.
Von dort aus können Sie den Timer der Vorlage auswählen, seine Einstellungen anpassen und Ihr gewünschtes Enddatum und Ihre gewünschte Endzeit eingeben.
Sie können den Timer auch als Evergreen-Countdown einstellen. Ein Evergreen-Countdown wird für jeden Besucher Ihrer Website separat eingestellt.
Sobald Sie mit Ihrer Alert Bar zufrieden sind, klicken Sie oben auf dem Bildschirm auf die Schaltfläche Speichern.
Schritt 4: Anzeigeregeln und Trigger-Einstellungen festlegen
Der nächste Schritt ist, zum Tab „Anzeigeregeln“ zu gehen und festzulegen, wann und wo Ihre Bar angezeigt werden soll. Die Standardregel zeigt die Bar an, nachdem ein Besucher 5 Sekunden auf der Seite war.
Wir ändern dies auf 0 Sekunden, damit eine Alert-Nachricht sofort erscheint. Ändern Sie dazu einfach den „Sekunden“-Countdown auf 0.
Sobald Sie dies getan haben, klicken Sie auf die Schaltfläche Nächster Schritt, um die Aktions-Einstellungen zu ändern. Sie können das Dropdown-Menü „Kampagnenansicht anzeigen“ auf Optin belassen und auswählen, ob Sie einen Soundeffekt abspielen möchten, wenn die Alert Bar erscheint.
Nachdem Sie diese Änderungen vorgenommen haben, klicken Sie auf die Schaltfläche Nächster Schritt. Auf der folgenden Seite sehen Sie eine Zusammenfassung Ihrer Kampagne.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf die Schaltfläche Speichern.
Schritt 5: Alert Bar auf Ihrer WordPress-Website veröffentlichen
Der nächste Schritt ist, zum Tab „Veröffentlichen“ zu wechseln und den Veröffentlichungsstatus auf Veröffentlichen zu ändern.
Der letzte Schritt ist die Aktivierung der Kampagne auf Ihrer WordPress-Website.
Schließen Sie dazu den Kampagnen-Editor und gehen Sie zu OptinMonster » Kampagnen. Sie sehen Ihre Kampagne in der Liste, und der Status ist „Ausstehend“.
Um sie zu ändern, klicken Sie auf den ausstehenden Status und wählen Sie im Dropdown-Menü Veröffentlichen.
Jetzt können Sie jede Seite Ihrer Website besuchen und Ihre Alert Bar in Aktion sehen.
Häufig gestellte Fragen
Das ist alles!
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine Alert-Nachricht in WordPress erstellen. Wenn Sie nach einer anderen Möglichkeit suchen, Feedback zu sammeln, schauen Sie sich das UserFeedback Plugin an. Es ist super einfach zu bedienen und ermöglicht es Ihnen, stilvolle Popup-Formulare in wenigen Minuten hinzuzufügen.
Bevor Sie gehen, interessieren Sie sich vielleicht auch für diese Anleitungen zum Thema Google Analytics zu WordPress hinzufügen und die besten WordPress Hosting-Anbieter.
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
