Ich habe Warnmeldungen in WordPress verwendet, um Kunden vor einem niedrigen Lagerbestand zu warnen, erfolgreiche Checkouts zu bestätigen und sogar neue Blogfunktionen hervorzuheben. Es handelt sich dabei um kleine, gestaltete Boxen, die auf Ihrer Website erscheinen, um Aktualisierungen, Fehler oder Hinweise mitzuteilen, genau dann, wenn Ihre Besucher sie sehen müssen.
WordPress zeigt standardmäßig einige Warnmeldungen an, z. B. wenn ein Formular fehlschlägt oder eine Anmeldung erfolgreich ist. Aber sie sind begrenzt, und wenn man sie anpassen will, muss man in der Regel am Code herumpfuschen.
In diesem Leitfaden zeige ich Ihnen zwei einfache Möglichkeiten, wie Sie Ihre eigenen Warnmeldungen mithilfe von Tools erstellen können, die keinen benutzerdefinierten Code erfordern - einfach ziehen, ablegen und loslegen.
Was ist eine Warnmeldung in WordPress?
Eine Warnmeldung ist eine Nachricht, die auf Ihrer WordPress-Website erscheint, um Besucher über wichtige Aktualisierungen, Benachrichtigungen oder Fehler zu informieren. Sie können sie an verschiedenen Stellen auf Ihrer Website anzeigen, z. B. in der Kopfzeile, der Fußzeile, der Seitenleiste oder in Blogbeiträgen und Seiten.
WordPress bietet Standard-Warnmeldungen für verschiedene Ereignisse, z. B. wenn sich ein Benutzer erfolgreich anmeldet oder wenn ein Fehler beim Absenden eines Kontaktformulars auftritt. Diese Standard-Warnmeldungen sind informativ und benutzerfreundlich, aber möglicherweise nicht immer ausreichend für die spezifischen Anforderungen Ihrer Website.
Warum sollten Sie eine Warnmeldung auf Ihrer WordPress-Website hinzufügen?
Durch Hinzufügen von benutzerdefinierten Warnmeldungen zu WordPress können Sie Nachrichten anzeigen, die auf Ihre spezifischen Anforderungen zugeschnitten sind.
Zum Beispiel können Sie die Nutzer über eine neue Funktion auf Ihrer Website informieren oder ihnen einen Rabattcode für ein eCommerce-Produkt anbieten. Ebenso können Sie Nutzer vor Artikeln warnen, die sich noch in ihrem Einkaufswagen befinden, oder eine Erfolgsmeldung nach erfolgreichem Check-out anzeigen.
Durch das Hinzufügen von benutzerdefinierten Warnmeldungen können Sie die Benutzererfahrung auf Ihrer Website verbessern, wichtige Informationen an Ihr Publikum weitergeben und die Dringlichkeit erhöhen, um es zum Handeln zu bewegen.
Arten von Warnmeldungen, die Sie in WordPress verwenden können
In WordPress gibt es verschiedene Arten von Warnmeldungen, die Sie hinzufügen können, je nachdem, was die Besucher tun oder wissen sollen. Jede dient einem anderen Zweck, und die Art der Meldung hilft den Nutzern, auf einen Blick zu erkennen, was vor sich geht.
- Info-Meldungen: Verwenden Sie diese für allgemeine Tipps, Erinnerungen oder Aktualisierungen, z. B. wenn Sie die Nutzer über neue Funktionen oder Blogbeiträge informieren.
- Erfolgsmeldungen: Diese bestätigen, dass etwas funktioniert hat, z. B. die Übermittlung eines Formulars, die Erstellung eines Kontos oder ein abgeschlossener Kauf.
- Warn- oder Fehlermeldungen: Hervorragend geeignet für Warnungen, die dringend beachtet werden müssen, z. B. bei niedrigem Bestand, fehlgeschlagenen Aktionen oder Systemfehlern.
Jede Methode in diesem Leitfaden zeigt Ihnen, wie Sie einen oder mehrere dieser Nachrichtentypen mit visuellen Tools erstellen können, so dass Sie keine einzige Zeile Code schreiben müssen.
Wie man eine benutzerdefinierte Warnmeldung in WordPress hinzufügt (2 einfache Methoden)
Es gibt mehrere Möglichkeiten, eine benutzerdefinierte Warnmeldung in WordPress einzufügen. Sie können die Funktionalität manuell codieren, ein WordPress-Benachrichtigungsleisten-Plugin installieren, ein Popup-Plugin verwenden oder eine Benachrichtigungssoftware ausprobieren. Heute zeigen wir Ihnen, wie Sie 2 der einfachsten Methoden anwenden: mit einem WordPress Page Builder Plugin und einer leistungsstarken Popup-Software.
Beide Lösungen sind sehr einfach, erfordern keine technischen Kenntnisse und Sie müssen weder CSS, HTML, PHP, Javascript noch anderen Code verwenden.
- Methode 1: Anzeigen einer WordPress-Warnmeldung mit SeedProd
- Methode 2: Anzeige einer Benachrichtigungsleiste in WordPress mit OptinMonster
Methode 1: Anzeigen einer WordPress-Warnmeldung mit SeedProd
Für die erste Methode werden wir SeedProd verwenden. Mit über 1 Million Nutzern ist es das beste Page-Builder-Plugin für WordPress.
SeedProd macht es einfach, benutzerdefinierte Warnmeldungen zu Ihrer WordPress-Website hinzuzufügen, ohne dass Sie irgendeinen Code berühren müssen. Sie können wählen, wo die Meldung erscheint, sie an Ihre Website anpassen und den Meldungstyp steuern, von Infoboxen bis zu Warnhinweisen.
Sie können SeedProd auch verwenden, um:
- Erstellen einer "Demnächst"-Seite in WordPress
- Anpassen des Designs Ihrer WooCommerce-Website
- Erstellen Sie ein benutzerdefiniertes WordPress-Theme
- Hinzufügen von benutzerdefinierten Symbolen für soziale Medien zu Ihrer Website
- Versetzen Sie Ihre Website in den Wartungsmodus
- Und vieles mehr.
Wenn Sie also bereit sind, loszulegen, folgen Sie den nachstehenden Schritten, um eine benutzerdefinierte Warnmeldung in WordPress mit SeedProd zu erstellen.
Schritt 1: Installieren und aktivieren Sie das SeedProd Plugin
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: Es gibt eine kostenlose Version von SeedProd; 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 im Dashboard Ihres Kontos. Nachdem Sie Ihren Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche " Schlüssel überprüfen".
Als nächstes müssen Sie sich für die Art des Layouts entscheiden, das Sie erstellen möchten. Mit SeedProd können Sie entweder einzelne WordPress-Seiten mit dem Landing Page Builder oder benutzerdefinierte WordPress-Themen mit dem Theme Builder erstellen.
Wenn Sie Ihr aktuelles WordPress-Theme weiter verwenden möchten, empfehlen wir die Option Landing Page Builder. Wenn Sie jedoch Ihr Theme ersetzen und Alert-Boxen zu Ihrer Kopfzeile, Fußzeile, Seitenleiste und anderen Theme-Vorlagen hinzufügen möchten, ist der Theme Builder die beste Wahl.
Für dieses Tutorial werden wir die Option Theme Builder verwenden. Wenn Sie jedoch eine Landing Page erstellen möchten, können Sie diese Anleitung zum Erstellen einer Landing Page in WordPress befolgen.
Pro-Tipp: Sie können die Funktion "Alert Box" mit beiden Optionen verwenden.
Schritt 2: Wählen Sie ein WordPress Template Kit
Da wir uns für die Option Theme Builder entschieden haben, ist der nächste Schritt der Besuch der Seite SeedProd " Theme Builder. Auf dieser Seite müssen Sie auf die Schaltfläche Themenvorlagen-Kits klicken, um ein vorgefertigtes Website-Layout auszuwählen.
Sie sehen sofort eine Bibliothek mit Website-Bausätzen, 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 gefunden haben, die Ihnen gefällt, fahren Sie mit dem Mauszeiger darüber und klicken Sie auf das Häkchen-Symbol, um sie zu Ihrer WordPress-Website hinzuzufügen. In wenigen Sekunden wird SeedProd die gesamte Vorlage importieren, einschließlich bestimmter Seiten und Inhalte aus der Demo.
Von dort aus sehen Sie die einzelnen Teile, aus denen Ihr Theme in Ihrem WordPress-Dashboard besteht. Sie können jeden Theme-Teil anpassen, indem Sie mit dem Mauszeiger darüber fahren und auf den Link Design bearbeiten klicken.
Mit Hilfe der folgenden Tutorials können Sie zum Beispiel:
- Eine benutzerdefinierte Blogseite erstellen
- Erstellen einer benutzerdefinierten Vorlage für einen einzelnen Beitrag
- Bearbeiten Sie Ihre WordPress-Homepage
- Anpassen der WordPress-Kopfzeile
- Bearbeiten Sie Ihre WordPress-Fußzeile
- Erstellen einer benutzerdefinierten Seitenleiste
- Und mehr.
Darüber hinaus können Sie einzelne Seiten anpassen, z. B. die Seiten"Über", "Kontakt" und " Dienstleistungen". Besuchen Sie einfach Seiten " Alle Seiten und klicken Sie auf den Link Mit SeedProd bearbeiten neben der Seite, die Sie anpassen möchten.
Zunächst zeigen wir Ihnen, wie Sie Ihrer WordPress-Startseite eine Warnmeldung hinzufügen können. Fahren Sie also mit dem Mauszeiger über die Homepage-Vorlage und klicken Sie auf den Link Design bearbeiten.
Schritt 3: Hinzufügen und Anpassen des Warnmeldungsblocks
Wenn Sie die Vorlage öffnen, sehen Sie den Drag-and-Drop-Seiten-Builder von SeedProd. Auf der linken Seite finden Sie WordPress-Blöcke und Einstellungen, auf der rechten Seite eine Live-Vorschau Ihrer Homepage.
Sie können überall auf die Vorschau klicken, um den Inhalt der Vorlage anzupassen und die Änderungen in Echtzeit zu sehen. Darüber hinaus können Sie neue WordPress-Blöcke aus dem linken Bedienfeld auf Ihre Seite ziehen, um weitere Funktionen und Merkmale hinzuzufügen.
So fügen wir eine Warnmeldung auf der Homepage ein. Suchen Sie den Block "Warnung" im Bedienfeld "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 den Besuchern Ihrer Website anzeigt, individuell gestalten.
Klicken Sie zunächst auf das Dropdown-Menü "Typ" und wählen Sie einen Alarmtyp aus, z. B. "Info", "Erfolg", "Warnung" oder "Gefahr".
Als Nächstes geben Sie Ihrer Meldung einen Titel. Sie können auch die Schaltfläche "Schließen" aktivieren oder deaktivieren, mit der Benutzer die Nachricht schließen können.
Geben Sie nun eine Beschreibung für Ihre Meldung ein, um den Benutzern weitere Informationen zu geben. Darunter können Sie den Titel und die Beschreibung, die Größe, die Ausrichtung und die Überschriftenebene ändern.
Um die Benachrichtigung hervorzuheben, können Sie ein eigenes Symbol hinzufügen. SeedProd verfügt über Hunderte von Font Awesome-Symbolen, es gibt also viele Optionen.
Wenn Sie benutzerdefinierte Farben für Ihre Warnmeldung verwenden möchten, klicken Sie in den Blockeinstellungen auf die Registerkarte Erweitert. Hier können Sie die Typografie bearbeiten, die Farben für die Beschreibung, den Titel und den Hintergrund ändern und einen Textschatten auswählen.
Im gleichen Panel können Sie die Blockabstände und die Sichtbarkeit bearbeiten und sogar eine Animation hinzufügen, um das Ganze auffälliger zu gestalten.
Stellen Sie sicher, dass Sie auf die Schaltfläche Speichern klicken, bevor Sie weitere Seiten anpassen.
Warnmeldungen sind eine hervorragende Möglichkeit, die Aufmerksamkeit auf andere Bereiche Ihrer Website zu lenken. Im Screenshot unten haben wir der Bestellbestätigungsseite eines Online-Shops eine Erfolgsmeldung hinzugefügt.
Werden Sie also kreativ bei der Erstellung von benutzerdefinierten Benachrichtigungen und folgen Sie dann dem letzten Schritt, um sie auf Ihrer Website live zu schalten.
Schritt 4: Veröffentlichen Sie die Warnmeldung auf Ihrer WordPress-Website
Nachdem Sie eine beliebige SeedProd-Themenvorlage bearbeitet haben, müssen Sie das Thema aktivieren, damit die Änderungen auf Ihrer Live-Website angezeigt werden. Verlassen Sie dazu den Page Builder und kehren Sie zum Dashboard des Theme Builders zurück.
Suchen Sie dort den Schalter " SeedProd-Theme aktivieren " und schalten Sie ihn auf die grüne Position "Ja".
Jetzt können Sie Ihre Website besuchen und Ihre Warnmeldung in Aktion sehen!
Methode 2: Anzeige einer Benachrichtigungsleiste in WordPress mit OptinMonster
Eine weitere Möglichkeit, Ihrer WordPress-Website eine Warnmeldung hinzuzufügen, ist die Erstellung einer Warnmeldungsleiste. Die Benachrichtigungsleiste wird am oberen oder unteren Rand Ihrer Website platziert und zeigt den Besuchern eine benutzerdefinierte Nachricht an.
Für diese Methode verwenden wir OptinMonster, die beste Conversion-Optimierungssoftware auf dem Markt.
Mit OptinMonster können Sie schwebende Warnleisten hinzufügen, die oben oder unten auf Ihrer Website erscheinen. Sie können sie für zeitlich begrenzte Angebote, Produktwarnungen oder standortweite Ankündigungen verwenden, und das alles ohne Code.
Außerdem können Sie, wie oben erwähnt, mit OptinMonster eine Benachrichtigungsleiste für Ihre Website erstellen. Die Software verfügt über unzählige vorgefertigte Vorlagen, mit denen Sie in wenigen Minuten eine großartig aussehende Benachrichtigungsleiste erstellen können.
Hier ist die, die wir in diesem Tutorial machen werden:
Fangen wir an!
Schritt 1: Installieren Sie OptinMonster und verbinden Sie Ihre Website
Gehen Sie zunächst auf die OptinMonster-Website und melden Sie sich für Ihr Konto an.
Als Nächstes installieren und aktivieren Sie das OptinMonster-WordPress-Plugin. Hilfe dazu finden Sie in dieser Anleitung zur Installation eines WordPress-Plugins.
Mit dem OptinMonster-Plugin können Sie Ihre Website mit wenigen Klicks an die Software anschließen.
Nachdem Sie das Plugin aktiviert haben, müssen Sie Ihr Konto verbinden. Gehen Sie dazu in Ihrem WordPress-Admin zu OptinMonster " Einstellungen.
Klicken Sie dort auf die Schaltfläche Ein bestehendes Konto verbinden.
Es öffnet sich ein Fenster, in dem Sie aufgefordert werden, Ihre E-Mail-Adresse einzugeben. Sobald Sie Ihre E-Mail-Adresse eingegeben haben, klicken Sie auf die Schaltfläche Mit WordPress verbinden.
Schritt 2: Wählen Sie eine Vorlage für eine schwebende Alarmleiste
Nachdem Sie Ihr OptinMonster-Konto eingerichtet haben, gehen Sie in Ihrem WordPress-Dashboard zu OptinMonster " Kampagnen. Jetzt können Sie auf die Schaltfläche " Erste Kampagne erstellen" klicken.
OptinMonster bietet die Wahl zwischen einer vorgefertigten Vorlage oder der Verwendung seiner Playbooks, die erfolgreiche Kampagnen von echten Marken nachbilden. Für diesen Leitfaden wählen wir die Option "Vorlagen".
Wählen Sie auf dieser Seite die schwebende Leiste als Kampagnentyp, um Ihre Warnleiste zu erstellen.
Als Nächstes sehen Sie eine Auswahl an verschiedenen Kampagnenvorlagen. Um eine Vorlage auszuwählen, bewegen Sie den Mauszeiger darüber und klicken Sie auf die Schaltfläche Vorlage verwenden.
Wir werden die Vorlage "Alert" für unsere Warnleiste verwenden.
Nachdem Sie die Vorlage ausgewählt haben, werden Sie aufgefordert, Ihre Kampagne zu benennen. Sobald Sie den Namen eingegeben haben, klicken Sie auf die Schaltfläche Erstellung beginnen.
Schritt 3: Bearbeiten Sie den Text und das Design Ihrer Alert Bar
Auf dem nächsten Bildschirm sehen Sie den Kampagnen-Editor von OptinMonster. Hier können Sie Ihre Warnmeldung entwerfen und anpassen.
Die Warnleiste wird standardmäßig am oberen Bildschirmrand angezeigt. Um den Text auf der schwebenden Leiste zu ändern, klicken Sie auf den Bereich, den Sie bearbeiten möchten, und geben Sie Ihre individuelle Nachricht ein.
Sie können auch die Schriftart, Schriftgröße, Farbe und vieles mehr ändern.
Wenn Sie die Dringlichkeit Ihrer Warnleiste erhöhen möchten, können Sie den Countdown-Block auf die schwebende Leiste ziehen.
Von dort aus können Sie den Timer der Vorlage auswählen, die Einstellungen anpassen und das gewünschte Enddatum und die Uhrzeit eingeben.
Sie können den Timer auch als immerwährenden Countdown einstellen. Ein immergrüner Countdown wird für jeden Besucher Ihrer Website separat eingestellt.
Wenn Sie mit Ihrer Warnleiste zufrieden sind, klicken Sie auf die Schaltfläche Speichern am oberen Bildschirmrand.
Schritt 4: Anzeigeregeln und Auslösereinstellungen festlegen
Der nächste Schritt besteht darin, die Registerkarte "Anzeigeregeln" zu öffnen und auszuwählen, wann und wo die Leiste angezeigt werden soll. Die Standardregel zeigt die Leiste an, nachdem ein Besucher 5 Sekunden auf der Seite war.
Wir werden diesen Wert auf 0 Sekunden ändern, damit sofort eine Warnmeldung erscheint. Ändern Sie dazu einfach den Countdown "sec" auf 0.
Klicken Sie anschließend auf die Schaltfläche Nächster Schritt, um die Aktionseinstellungen zu ändern. Sie können die Dropdown-Liste "Kampagnenansicht anzeigen" auf "Optin" eingestellt lassen und auswählen, ob ein Soundeffekt abgespielt werden soll, wenn die Warnleiste 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: Veröffentlichen Sie die Alert Bar auf Ihrer WordPress-Website
Im nächsten Schritt wechseln Sie zur Registerkarte Veröffentlichen und ändern den Veröffentlichungsstatus auf Veröffentlichen.
Der letzte Schritt ist die Aktivierung der Kampagne auf Ihrer WordPress-Website.
Schließen Sie dazu den Kampagneneditor und gehen Sie zu OptinMonster " Kampagnen. Sie werden Ihre Kampagne in der Liste sehen, und der Status wird "Ausstehend" sein.
Um ihn zu ändern, klicken Sie auf den Status "Ausstehend" und wählen Sie " Veröffentlichen" aus dem Dropdown-Menü.
Jetzt können Sie jede beliebige Seite auf Ihrer Website besuchen und Ihre Warnleiste in Aktion sehen.
Häufig gestellte Fragen
Das war's!
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man eine Warnmeldung in WordPress erstellt. Wenn Sie nach einer anderen Möglichkeit suchen, Feedback zu sammeln, werfen Sie einen Blick auf das UserFeedback-Plugin. Es ist super einfach zu bedienen und ermöglicht es Ihnen, in wenigen Minuten stilvolle Popup-Formulare hinzuzufügen.
Bevor Sie gehen, könnten Ihnen auch diese Leitfäden über das Hinzufügen von Google Analytics zu WordPress und die besten WordPress-Hosting-Anbieter gefallen.
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
