Hinweis: Der folgende Artikel hilft Ihnen weiter: So fügen Sie eine benutzerdefinierte Warnmeldung zu WordPress hinzu (2 einfache Möglichkeiten)
Möchten Sie Ihrer WordPress-Website eine Warnmeldung hinzufügen?
Mit einer benutzerdefinierten Warnmeldung können Sie Besucher über wichtige Aktualisierungen, Benachrichtigungen oder Fehler informieren. Allerdings reichen die Standardfunktionen von WordPress möglicherweise nicht immer für die Art der Warnung aus, die Sie anzeigen möchten.
Glücklicherweise ist das Hinzufügen benutzerdefinierter Warnmeldungen zu WordPress ein einfacher Vorgang, der das Benutzererlebnis Ihrer Website verbessern kann. In diesem Artikel werden wir die Schritte untersuchen, die zum Hinzufügen einer benutzerdefinierten Warnmeldung in WordPress erforderlich sind.
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, in der Fußzeile, in der Seitenleiste oder in Blogbeiträgen und -seiten.
WordPress stellt Standardwarnmeldungen für verschiedene Ereignisse bereit, z. B. wenn sich ein Benutzer erfolgreich anmeldet oder wenn beim Absenden eines Kontaktformulars ein Fehler auftritt. Diese Standardwarnmeldungen sollen informativ und benutzerfreundlich sein, reichen jedoch möglicherweise nicht immer für die spezifischen Anforderungen Ihrer Website aus.
Warum sollten Sie Ihrer WordPress-Site eine Warnmeldung hinzufügen?
Durch das Hinzufügen benutzerdefinierter Warnmeldungen zu WordPress können Sie Meldungen anzeigen, die auf Ihre spezifischen Anforderungen zugeschnitten sind.
Möglicherweise möchten Sie Benutzer über eine neue Funktion auf Ihrer Website informieren oder ihnen einen Rabattcode für ein E-Commerce-Produkt zur Verfügung stellen. Ebenso möchten Sie möglicherweise Benutzer vor Artikeln warnen, die sich noch in ihrem Einkaufswagen befinden, und nach erfolgreichem Bezahlen eine Erfolgsmeldung anzeigen.
Durch das Hinzufügen benutzerdefinierter Warnmeldungen können Sie das Benutzererlebnis auf Ihrer Website verbessern, Ihrem Publikum wichtige Informationen mitteilen und die Dringlichkeit erhöhen, um es zum Handeln zu ermutigen.
So fügen Sie WordPress eine benutzerdefinierte Warnmeldung hinzu
Es gibt mehrere Möglichkeiten, WordPress eine benutzerdefinierte Warnmeldung hinzuzufügen. Sie können die Funktionalität manuell programmieren, ein WordPress-Benachrichtigungsleisten-Plugin installieren, ein Popup-Plugin verwenden oder Benachrichtigungssoftware ausprobieren. Heute zeigen wir Ihnen, wie Sie zwei der einfachsten Methoden verwenden: 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.
Lass uns eintauchen!
Methode 1: Erstellen einer WordPress-Warnmeldung mit SeedProd
Für die erste Methode verwenden wir SeedProd. Mit über 1 Million Benutzern ist es das beste Seitenerstellungs-Plugin für WordPress.
SeedProd verfügt über eine leistungsstarke Drag-and-Drop-Oberfläche, die das Hinzufügen neuer Layouts zu WordPress zum Kinderspiel macht. Mit der professionellen Vorlagenbibliothek und dem blockbasierten Designsystem können Sie in wenigen Minuten überall auf Ihrer Website benutzerdefinierte Warnmeldungen und Widgets hinzufügen.
Sie können SeedProd auch verwenden, um:
Wenn Sie also bereit sind, loszulegen, führen Sie die folgenden Schritte aus, um mit SeedProd eine benutzerdefinierte Warnmeldung in WordPress zu erstellen.
Schritt 1. Installieren und aktivieren Sie SeedProd
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.
Note: SeedProd hat eine kostenlose Version; Für die Alert-Box-Funktion verwenden wir jedoch SeedProd Pro.
Gehen Sie nach der Aktivierung des Plugins zu SeedProd » Einstellungen und fügen Sie Ihren Lizenzschlüssel in das Lizenzfeld ein.
Den Lizenzschlüssel finden Sie in Ihrem Konto-Dashboard auf der SeedProd-Website. Klicken Sie nach der Eingabe Ihres Schlüssels auf Schlüssel überprüfen Taste.
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 erstellen oder mit dem Theme Builder benutzerdefinierte WordPress-Themes 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 Warnfelder 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 verwenden wir die Theme-Builder Möglichkeit. Wenn Sie jedoch eine Landingpage erstellen möchten, können Sie dieser Anleitung zum Erstellen einer Landingpage in WordPress folgen.
Profi-Tipp: Sie können die Alertbox-Funktion mit beiden Optionen verwenden.
Schritt 2. Wählen Sie eine vorgefertigte Vorlage
Da wir uns für die Theme Builder-Option entscheiden, besteht der nächste Schritt darin, die zu besuchen SeedProd » Theme Builder Buchseite. Auf dieser Seite müssen Sie auf klicken Theme-Vorlagen-Kits Klicken Sie auf die Schaltfläche, um ein vorgefertigtes Website-Layout auszuwählen.
Sie sehen sofort eine Bibliothek mit Website-Kits, die Sie mit einem einzigen Klick zu Ihrer Website hinzufügen können. Mithilfe der Filter 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, bewegen Sie den Mauszeiger darüber und wählen Sie das Häkchensymbol aus, um sie Ihrer WordPress-Site hinzuzufügen. In wenigen Sekunden importiert SeedProd die gesamte Vorlage, einschließlich bestimmter 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 Thementeil anpassen, indem Sie mit der Maus darüber fahren und auf klicken Design bearbeiten Verknüpfung.
Mithilfe der folgenden Tutorials können Sie beispielsweise:
Darüber hinaus können Sie einzelne Seiten anpassen, z. B. Ihre Info-, Kontakt- und Serviceseite. Einfach vorbeischauen Seiten » Alle Seiten und klicken Sie auf Bearbeiten mit SeedProd Klicken Sie auf den Link neben der Seite, die Sie anpassen möchten.
Zunächst zeigen wir Ihnen, wie Sie Ihrer WordPress-Startseite eine Warnmeldung hinzufügen. Fahren Sie also mit der Maus über die Homepage-Vorlage und klicken Sie auf Design bearbeiten Verknüpfung.
Schritt 3: Fügen Sie den Warnmeldungsblock hinzu
Wenn Sie die Vorlage öffnen, sehen Sie den Drag-and-Drop-Seitenersteller von SeedProd. Auf der linken Seite befinden sich WordPress-Blöcke und -Einstellungen und auf der rechten Seite eine Live-Vorschau Ihrer Homepage.
Sie können auf eine beliebige Stelle in der Vorschau klicken, um den Inhalt der Vorlage anzupassen und die Änderungen in Echtzeit anzuzeigen. Darüber hinaus können Sie neue WordPress-Blöcke aus dem linken Bereich auf Ihre Seite ziehen, um weitere Features und Funktionen hinzuzufügen.
Auf diese Weise fügen wir der Startseite eine Warnmeldung hinzu. Finden Sie einfach die Alarm Block im Bereich „Erweiterte Blöcke“ und ziehen Sie ihn an die Stelle, an der Sie Ihre Warnmeldung anzeigen möchten.
Sobald der Block vorhanden ist, können Sie sein Aussehen und die Botschaft anpassen, die er Ihren Website-Besuchern anzeigt.
Klicken Sie zunächst auf das Dropdown-Menü „Typ“ und wählen Sie einen Alarmtyp aus, z. B. „Info“, „Erfolg“, „Warnung“ oder „Gefahr“.
Geben Sie Ihrer Benachrichtigung als Nächstes 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 Benachrichtigung ein, um Benutzern weitere Informationen zu geben. Darunter können Sie Titel und Beschreibung, Größe, Ausrichtung und Überschriftenebene ändern.
Um die Warnung hervorzuheben, können Sie ein benutzerdefiniertes Symbol hinzufügen. SeedProd verfügt über Hunderte von Font Awesome-Symbolen, sodass zahlreiche Optionen vorhanden sind.
Wenn Sie benutzerdefinierte Farben für Ihre Warnmeldung verwenden möchten, klicken Sie auf Fortschrittlich Registerkarte in den Blockeinstellungen. Hier können Sie die Typografie bearbeiten, die Farben für Beschreibung, Titel und Hintergrundfarben ändern und einen Textschatten auswählen.
Im selben Panel können Sie den Blockabstand und die Sichtbarkeit bearbeiten und sogar eine Animation hinzufügen, um es auffälliger zu machen.
Stellen Sie sicher, dass Sie auf klicken Speichern Klicken Sie auf die Schaltfläche, bevor Sie andere Seiten anpassen.
Warnmeldungen sind eine fantastische Möglichkeit, die Aufmerksamkeit auf andere Bereiche Ihrer Website zu lenken. Im Screenshot unten haben wir beispielsweise eine Erfolgsmeldung zur 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 Ihre Änderungen
Nachdem Sie eine SeedProd-Themenvorlage bearbeitet haben, müssen Sie das Thema aktivieren, um die Änderungen auf Ihrer Live-Website anzuzeigen. Beenden Sie dazu den Seitenersteller und kehren Sie zum Theme Builder-Dashboard zurück.
Von dort aus finden Sie die Aktivieren Sie das SeedProd-Theme schalten Sie es um und stellen Sie es auf die grüne „Ja“-Position.
Jetzt können Sie Ihre Website besuchen und Ihre Warnmeldung in Aktion sehen!
Methode 2: Erstellen einer Warnleiste mit OptinMonster
Eine weitere Möglichkeit, Ihrer WordPress-Site eine Warnmeldung hinzuzufügen, besteht darin, eine Warnmeldungsleiste zu erstellen. Die Benachrichtigungsleiste befindet sich oben oder unten auf Ihrer Website und zeigt den Besuchern eine benutzerdefinierte Nachricht an.
Für diese Methode verwenden wir OptinMonster, die beste Conversion-Optimierungssoftware auf dem Markt. Mit seiner benutzerfreundlichen Oberfläche hilft es Ihnen, Website-Besucher in Abonnenten und Kunden umzuwandeln.
OptinMonster verfügt über mehrere Opt-in-Typen, darunter Lightbox-Popups, Willkommensmatten, Countdown-Timer und mehr, die Ihnen dabei helfen, Abonnenten und Verkäufe auf Ihrer Website zu steigern. Es bietet außerdem unbegrenzte Benachrichtigungstypen und Add-ons für verschiedene E-Mail-Marketing-Dienste und APIs.
Darüber hinaus können Sie, wie oben erwähnt, OptinMonster verwenden, um eine Warnmeldungsleiste für Ihre Website zu erstellen. Die Software verfügt über unzählige vorgefertigte Vorlagen. Dadurch ist es ganz einfach, in wenigen Minuten eine gut aussehende Warnleiste zu erstellen.
Hier ist die, die wir in diesem Tutorial erstellen werden:
Lass uns anfangen!
Schritt 1. Installieren und aktivieren Sie OptinMonster
Gehen Sie zunächst zum OptinMonster-Website und registrieren Sie sich für Ihr Konto.
Als nächstes installieren und aktivieren Sie das OptinMonster WordPress-Plugin. Wenn Sie dabei Hilfe benötigen, können Sie diesen Leitfaden auf besuchen wie man ein WordPress-Plugin installiert.
Mit dem OptinMonster-Plugin können Sie Ihre Website ganz einfach mit wenigen Klicks mit der Software verbinden.
Nachdem Sie das Plugin aktiviert haben, müssen Sie Ihr Konto verbinden. Gehen Sie dazu zu OptinMonster » Einstellungen von Ihrem WordPress-Administrator.
Klicken Sie dort auf Verbinde ein bestehendes Konto Taste.
Es öffnet sich ein Fenster, in dem Sie aufgefordert werden, Ihre E-Mail-Adresse einzugeben. Nachdem Sie Ihre E-Mail-Adresse hinzugefügt haben, klicken Sie auf Stellen Sie eine Verbindung zu WordPress her Taste.
Schritt 2. Wählen Sie eine schwebende Balkenvorlage
Nachdem Sie Ihr OptinMonster-Konto verbunden haben, gehen Sie zu OptinMonster » Kampagnen aus Ihrem WordPress-Dashboard. Jetzt können Sie auf klicken Erstellen Sie Ihre erste Kampagne Taste.
OptinMonster bietet Ihnen die Wahl zwischen einer vorgefertigten Vorlage oder der Verwendung ihrer Playbooks, die erfolgreiche Kampagnen echter Marken nachbilden. Für diese Anleitung wählen wir die Option „Vorlagen“.
Wählen Sie auf dieser Seite die aus Schwebende Bar als Kampagnentyp, um Ihre Benachrichtigungsleiste zu erstellen.
Als nächstes sehen Sie eine Auswahl verschiedener Kampagnenvorlagen. Um eine Vorlage auszuwählen, bewegen Sie den Mauszeiger darüber und klicken Sie auf Benutze Template Taste.
Wir verwenden die Vorlage „Benachrichtigung“ für unsere Benachrichtigungsleiste.
Nachdem Sie die Vorlage ausgewählt haben, werden Sie aufgefordert, Ihrer Kampagne einen Namen zu geben. Nachdem Sie Ihren Namen eingegeben haben, klicken Sie auf Beginnen Sie mit dem Bauen Taste.
Schritt 3. Passen Sie Ihre Warnmeldungsleiste an
Auf dem nächsten Bildschirm sehen Sie den Kampagneneditor von OptinMonster. Hier können Sie Ihre Warnmeldung entwerfen und anpassen.
Die Benachrichtigungsleiste wird standardmäßig oben auf Ihrem Bildschirm angezeigt. Um den Text in der schwebenden Leiste 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 Ihrer Benachrichtigungsleiste mehr Dringlichkeit hinzufügen möchten, können Sie den Countdown-Block per Drag-and-Drop auf die schwebende Leiste ziehen.
Von dort aus können Sie den Timer in der Vorlage auswählen, seine Einstellungen anpassen und das gewünschte Enddatum und die gewünschte Endzeit eingeben.
Sie können den Timer auch als immerwährenden Countdown einstellen. Für jeden Besucher Ihrer Website wird ein immergrüner Countdown separat eingestellt.
Wenn Sie mit Ihrer Benachrichtigungsleiste zufrieden sind, klicken Sie auf Speichern Schaltfläche oben auf Ihrem Bildschirm.
Schritt 4. Konfigurieren Sie Ihre Anzeigeeinstellungen
Der nächste Schritt besteht darin, zur Registerkarte „Anzeigeregeln“ zu gehen und auszuwählen, wann und wo Ihre Leiste angezeigt werden soll. Die Standardregel zeigt die Leiste an, nachdem ein Besucher 5 Sekunden lang auf der Seite war.
Wir ändern dies auf 0 Sekunden, damit sofort eine Warnmeldung angezeigt wird. Ändern Sie dazu einfach den Sekunden-Countdown auf 0.
Wenn Sie das getan haben, klicken Sie auf Nächster Schritt Klicken Sie auf die Schaltfläche, um die Aktionseinstellungen zu ändern. Sie können die Dropdown-Liste „Kampagnenansicht anzeigen“ auf „Optin“ eingestellt lassen und auswählen, ob Sie einen Soundeffekt abspielen möchten, wenn die Warnleiste angezeigt wird.
Nachdem Sie diese Änderungen vorgenommen haben, klicken Sie auf Nächster Schritt Taste. Auf der folgenden Seite sehen Sie eine Zusammenfassung Ihrer Kampagne.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf Speichern Taste.
Schritt 5. Veröffentlichen Sie Ihre Benachrichtigungsleiste
Der nächste Schritt besteht darin, zur Registerkarte „Veröffentlichen“ zu wechseln und den Veröffentlichungsstatus in zu ändern Veröffentlichen.
Der letzte Schritt besteht darin, die Kampagne auf Ihrer WordPress-Site zu aktivieren.
Schließen Sie dazu den Kampagneneditor und gehen Sie zu OptinMonster » Kampagnen. Ihre Kampagne wird in der Liste angezeigt und der Status lautet „Ausstehend“.
Um ihn zu ändern, klicken Sie auf den Status „Ausstehend“ und wählen Sie „Aus“. Veröffentlichen aus dem Dropdown-Menü.
Jetzt können Sie jede Seite Ihrer Website besuchen und Ihre Benachrichtigungsleiste in Aktion sehen.
Das ist es!
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu lernen, wie Sie eine Warnmeldung in WordPress erstellen. Wenn Sie nach einer anderen Möglichkeit suchen, Feedback zu sammeln, werfen Sie einen Blick auf die UserFeedback-Plugin. Es ist super einfach zu bedienen und ermöglicht das Hinzufügen stilvoller Popup-Formulare in wenigen Minuten.
Bevor Sie gehen, interessieren Sie vielleicht auch diese Anleitungen zum Hinzufügen von Google Analytics zu WordPress und die besten WordPress-Hosting-Anbieter.
Danke fürs Lesen. Bitte folgen Sie uns weiter YouTube, TwitterUnd Facebook für weitere hilfreiche Inhalte zum Wachstum Ihres Unternehmens.
