So fügen Sie Ihrer WordPress-Site Web-Push-Benachrichtigungen hinzu

Möchten Sie Ihrer WordPress-Site Push-Benachrichtigungen hinzufügen? Mit Push-Benachrichtigungen können Sie Benachrichtigungen an Benutzer senden, auch wenn diese Ihre Website nicht besuchen.

  

In diesem Artikel zeigen wir Ihnen, wie Sie Ihrer WordPress-Site ganz einfach Web-Push-Benachrichtigungen hinzufügen können. Wir werden auch über die besten WordPress-Push-Benachrichtigungs-Plugins sprechen und darüber, wie Sie Desktop- und mobile Push-Benachrichtigungen von Ihrer WordPress-Site senden können.

Was ist eine Push-Benachrichtigung?

Push-Benachrichtigungen sind anklickbare Nachrichten, die oben auf dem Desktop des Benutzers oder im Benachrichtigungsbereich auf seinem Mobilgerät angezeigt werden. Sie können auch dann angezeigt werden, wenn der Browser des Benutzers nicht geöffnet ist.

Auf einem Desktop angezeigte Web-Push-Benachrichtigungen

Neben dem Desktop funktionieren Web-Push-Benachrichtigungen auch auf Mobilgeräten. Auf diese Weise können Sie Ihre Benutzer über Geräte mit den neuesten Updates und Angeboten erreichen. Push-Web-Benachrichtigungen haben sich als sehr effektive Methode erwiesen, um Website-Besucher zu treuen Kunden und Followern zu machen.

Warum sollten Sie Ihrer WordPress-Site Web-Push-Benachrichtigungen hinzufügen?

Wir haben bereits kommentiert, dass 70% der Personen, die ihre Website verlassen, niemals zurückkehren werden. Aus diesem Grund müssen Sie diese Website-Benutzer in Abonnenten oder Kunden umwandeln.

Sie können dies über mehrere Kanäle gleichzeitig tun. Dies umfasst E-Mail-, Social Media-, Mobile- oder SMS-Marketing sowie Web-Push-Benachrichtigungen.

Während E-Mail-Listen immer noch das dominanteste und effektivste Marketinginstrument sind, das Ihnen zur Verfügung steht, erweisen sich Push-Benachrichtigungen für uns als recht effektiv.

Hier ist warum:

  • Benutzer müssen ihre ausdrückliche Erlaubnis geben, um Push-Benachrichtigungen zu erhalten. Dies bedeutet, dass sie bereits an Ihren Angeboten interessiert sind und eher an den Benachrichtigungen teilnehmen.
  • Push-Benachrichtigungen sind kürzer und erfordern weniger Aufmerksamkeit als E-Mail- oder Social Media-Updates.
  • Da es keinen Algorithmus gibt, werden fast 100% der Nachrichten zugestellt.
  • Benutzer können steuern, wie ihre Geräte Benachrichtigungen anzeigen, sie verschieben oder ganz ausschalten.
  • Nicht so viele Unternehmen nutzen es.

Beliebte Websites einschließlich Facebook, Pinterest, LinkedIn und viele andere verstehen die Bedeutung und verwenden bereits Web-Push-Benachrichtigungen.

Diese Benachrichtigungen sind attraktiver als SMS-, E-Mail-Marketing- und Social Media-Plattformen. Laut einer Umfrage haben Push-Benachrichtigungen eine um 50% höhere Öffnungsrate als E-Mail und eine doppelte Klickrate.

Lassen Sie uns einen Blick darauf werfen, wie Sie einer WordPress-Site Web-Push-Benachrichtigungen hinzufügen.

Einrichten von Web-Push-Benachrichtigungen in WordPress mit OneSignal

OneSignal ist ein kostenloser Push-Benachrichtigungsdienst für WordPress-Websites. Sie können damit problemlos Push-Benachrichtigungen zu jeder Website hinzufügen.

Als erstes sollten Sie das OneSignal-Plugin installieren und aktivieren. Benötigen Sie Hilfe bei der Installation des Plugins? Lesen Sie unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung fügt das Plugin Ihrer WordPress-Admin-Leiste einen neuen Menüpunkt mit der Bezeichnung OneSignal hinzu. Wenn Sie darauf klicken, gelangen Sie zur Konfigurationsseite des Plugins.

OneSignal-Konfigurationsseite

Die Konfigurationsseite ist in die Registerkarten Konfiguration und Konfiguration unterteilt. Die Registerkarte Einstellungen enthält eine detaillierte Dokumentation zum Einrichten von OneSignal-Push-Benachrichtigungen in WordPress. Es hat die gleichen Schritte, die wir Ihnen in diesem Tutorial zeigen werden.

Um OneSignal zu konfigurieren, müssen Sie den API-Schlüssel und die App-ID in den Plugin-Einstellungen hinzufügen.

Lasst uns beginnen.

Schritt 1: Richten Sie OneSignal-Push-Benachrichtigungen ein

Zunächst müssen Sie die OneSignal-Website besuchen und auf die Schaltfläche Start neben der Option Web Push klicken.

OneSignal beginnt

Sie werden aufgefordert, Ihre E-Mail-Adresse und Ihr Passwort anzugeben, um ein kostenloses Konto zu erstellen. Nach dem Erstellen Ihres Kontos greifen Sie auf das OneSignal-Dashboard zu.

OneSignal App hinzufügen

Klicken Sie im Dashboard auf die Schaltfläche “Anwendung hinzufügen”, um Ihre erste Anwendung zu erstellen.

Sie werden aufgefordert, einen Namen für Ihre Bewerbung anzugeben. Hier können Sie alles verwenden, um es zu identifizieren.

Geben Sie einen Namen für Ihre Bewerbung ein

Sie müssen dann eine Plattform auswählen. Sie können mehrere Plattformen für eine Anwendung auswählen. Im Moment empfehlen wir, “Web Push” auszuwählen und auf die Schaltfläche “Weiter” zu klicken, um fortzufahren.

Wählen Sie die Anwendungsplattform

Im nächsten Schritt werden Sie aufgefordert, eine Integrationsmethode auszuwählen. Klicken Sie auf das Feld “WordPress Plugin oder Website Builder” und wählen Sie dann “WordPress” aus.

Integrationsmethode auswählen

Wenn Sie ein wenig nach unten scrollen, sehen Sie den Abschnitt “WordPress-Site-Einstellungen”.

Sie müssen den Namen Ihrer Website und die URL eingeben und ein Logo hochladen. Dieses Logo wird in Ihren Benachrichtigungen angezeigt. Wir empfehlen daher, dass Sie Ihr Site-Symbol (Favicon) oder das Website-Logo verwenden.

Einrichtung der WordPress-Site

Darunter sehen Sie einen Schalter, den Sie aktivieren können, wenn Ihre WordPress-Site kein SSL / HTTPS verwendet. Sie können Web-Push-Benachrichtigungen nur von einer sicheren HTTPS-URL senden. Wenn Ihre WordPress-Site kein HTTPS verwendet, müssen Sie diese Einstellung aktivieren und ein Tag eingeben.

Ein Tag ist im Grunde eine Subdomain, die auf OneSignal-Servern gehostet wird und eine sichere HTTPS-URL verwendet. Diese Subdomain wird verwendet, um Ihre Push-Benachrichtigungen zu senden.

Wenn Sie HTTPS auf Ihrer eigenen WordPress-Site einrichten möchten, lesen Sie unsere Schritt-für-Schritt-Anleitung zum Verschieben von WordPress von HTTP zu HTTPS. Wir empfehlen dringend, Ihre eigene Domain mit SSL als eine Subdomain in OneSignal zu verwenden, damit sie auf Ihrer Plattform nicht für immer gesperrt bleibt.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Speichern, um die OneSignal-Einstellungen zu speichern. Sie sehen nun die API-Schlüssel, die Sie kopieren müssen.

Kopieren Sie die API-Schlüssel

Jetzt können Sie zu den OneSignal-Plugin-Einstellungen auf Ihrer WordPress-Site zurückkehren und zur Registerkarte “Einstellungen” wechseln. Sie sollten die zuvor kopierten App- und API-Schlüssel einfügen.

API-Schlüssel einfügen

Mit diesen API-Schlüsseln können Sie Push-Benachrichtigungen nur über Webbrowser senden Chrome und Firefox.

Sie benötigen außerdem die Safari-Web-ID, um Push-Benachrichtigungen über den Safari-Webbrowser senden zu können.

Um den Safari-API-Schlüssel zu erhalten, müssen Sie zur OneSignal-Website zurückkehren und die Einstellungsseite Ihrer App aufrufen. Dort sollten Sie auf das Bearbeitungssymbol neben klicken Apple Safari.

Push-Benachrichtigungseinstellungen für Safari

Sie werden dann aufgefordert, den Titel und die URL Ihrer Website einzugeben und optional ein Websitesymbol zu laden.

Safari-Einstellungen für Push-Benachrichtigungen

Klicken Sie auf die Schaltfläche Speichern, um Ihre Einstellungen zu speichern. Danach wird Ihre Safari-Web-ID auf dem zu kopierenden Bildschirm angezeigt.

Safari Web ID

Kehren Sie erneut zur Seite mit den Plugin-Einstellungen auf Ihrer WordPress-Site zurück und fügen Sie die Safari-Web-ID in die Registerkarte Einstellungen ein.

Speichern Sie die OneSignal-Plugin-Einstellungen

Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Plugin-Einstellungen zu speichern.

Sie können Ihre Website jetzt in einem neuen Inkognito-Browser-Tab besuchen. Oben sehen Sie ein Push-Benachrichtigungs-Popup und in der unteren rechten Ecke des Bildschirms ein Glockenbenachrichtigungssymbol.

Push-Benachrichtigungsoption

Das Popup für Push-Benachrichtigungen wird auch in mobilen Browsern angezeigt.

Push-Optin-Benachrichtigung im mobilen Browser

Hinweis: Das Erscheinungsbild des Push-Benachrichtigungs-Popups kann je nach den http / https-Einstellungen Ihrer Site unterschiedlich sein.

Jetzt fragen Sie sich vielleicht, warum diese Push-Benachrichtigung anders aussieht als auf anderen Websites.

In der Regel wird den Benutzern die Standardbenachrichtigung für den Browser angezeigt, die folgendermaßen aussieht:

Standard-Browser-Anzeige für Push-Benachrichtigungen

Das Problem ist nun, dass ein Benutzer, wenn er auf die Schaltfläche “Blockieren” klickt, niemals eine Nachricht zum Abonnieren der Benachrichtigungen sieht. Um dies zu beheben, wird OneSignal mit zwei verschiedenen Anforderungstypen geliefert.

Das erste ist das Push-Benachrichtigungs-Popup und das andere ist das Abonnement-Glockensymbol. Beide sind vollständig anpassbar und können an Ihre Bedürfnisse angepasst werden.

Schritt 2. Passen Sie das Push-Benachrichtigungs-Popup an

Das grundlegende Popup für Push-Benachrichtigungen ist ziemlich einfach. Es verwendet eine generische Sprache und zeigt das Logo Ihrer Website an. Möglicherweise möchten Sie dies anpassen, um es persönlicher zu gestalten.

Wechseln Sie einfach auf der Seite mit den Einstellungen des OneSignal-Plugins auf Ihrer WordPress-Site zur Registerkarte “Einstellungen” und scrollen Sie zum Abschnitt “HTTP-Popup-Einstellungen”.

Passen Sie das Popup für Push-Benachrichtigungen an

Sie sollten auf die Umschaltfläche neben “Text des HTTP-Popups anpassen” klicken und dann Ihren eigenen Text hinzufügen.

Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Einstellungen zu speichern, bevor Sie die Nachricht testen.

Schritt 3. Passen Sie das Glockenbenachrichtigungssymbol an

Normalerweise fordert der Browser Benachrichtigungen an und das Popup verschwindet, wenn ein Benutzer sie schließt.

Was passiert, wenn Benutzer später ihre Meinung ändern und Push-Benachrichtigungen erhalten möchten?

Mit der Abonnementkampagne in OneSignal können Sie Benutzern weiterhin eine Nachricht zum Abonnieren von Push-Benachrichtigungen auf Ihrer Website anzeigen.

Das Glockensymbol kann auch auf der Seite mit den Plugin-Einstellungen vollständig angepasst werden. Scrollen Sie einfach nach unten zum Abschnitt “Einstellungen für Abonnementglocke und Erinnerung” und aktivieren Sie die Anpassungsoptionen, die Sie ändern möchten.

Konfiguration der Abonnementhaube

Anschließend können Sie nach unten scrollen und die Einstellungen für jede Option ändern, die Sie anpassen möchten. Ändern Sie im Idealfall die Farben des Glockensymbols so, dass sie den Farben Ihres eigenen Themas entsprechen.

Bell Icon Anpassung

Hinweis: Wir verwenden das Glockensymbol nicht, weil wir es für zu aufdringlich halten.

Schritt 4. Senden Sie Push-Benachrichtigungen von Ihrer WordPress-Site

Standardmäßig sendet das OneSignal-Plugin automatisch Push-Benachrichtigungen für alle neuen Beiträge, die auf Ihrer Website veröffentlicht werden. Wenn Sie möchten, können Sie diese Funktion auf der Konfigurationsseite des Plugins im Abschnitt “Automatische Benachrichtigungseinstellungen” deaktivieren.

Automatische Benachrichtigungseinstellungen

Sie können eine Benachrichtigung auch manuell senden, wenn Sie einen Beitrag veröffentlichen oder aktualisieren. Bearbeiten Sie einfach einen WordPress-Beitrag oder eine WordPress-Seite, und Sie sehen das OneSignal-Meta-Feld in der Spalte mit den Dokumenteinstellungen auf der rechten Seite.

OneSignal-Benachrichtigungsfeld in Gutenberg

Wenn Sie den alten klassischen Editor verwenden, sehen Sie die Meta-Box wie folgt:

Push-Benachrichtigungsfeld im klassischen Editor senden

Aktivieren Sie das Kontrollkästchen neben “Benachrichtigung bei Post-Update / Post senden” und klicken Sie dann auf die Schaltfläche “Update” oder “Post”.

OneSignal sendet Ihren Artikel nun als automatische Benachrichtigung an alle Abonnenten.

Senden Sie eine Willkommens-Push-Benachrichtigung an neue Abonnenten

Sie können Ihren neuen Abonnenten auch eine Willkommens-Push-Benachrichtigung senden. Besuchen Sie die OneSignal-Einstellungsseite in Ihrem WordPress-Administrationsbereich und scrollen Sie zum Abschnitt “Begrüßungsbenachrichtigungseinstellungen”.

Willkommensbenachrichtigung

Wenn sich ein neuer Abonnent für Push-Benachrichtigungen anmeldet, erhalten Sie eine Willkommensbenachrichtigung auf Ihrem Gerät. Je nach Browser und Gerät kann die Benachrichtigung unterschiedlich aussehen.

Willkommensbenachrichtigung auf dem Mac über Firefox

Das war’s, Sie haben Ihrer WordPress-Site erfolgreich Web-Push-Benachrichtigungen hinzugefügt.

Sie können auch personalisierte Benachrichtigungen über das OneSignal-App-Dashboard senden. Der Vorgang ist sehr intuitiv und Sie können den Anweisungen auf dem Bildschirm folgen, sobald Sie sich bei OneSignal angemeldet haben.

Andere gute WordPress-Push-Benachrichtigungs-Plugins

Es ist wichtig, von Anfang an den richtigen Push-Web-Benachrichtigungsdienst auszuwählen. Da die meisten Anbieter versuchen, Sie an ihre Plattform zu binden, kann eine Änderung Ihres Push-Benachrichtigungsdienstes zum Verlust Ihrer alten Abonnenten führen. Das heißt, wenn Sie sich ändern, fangen Sie bei Null an.

Aus diesem Grund empfehlen wir Ihnen, den Anbieter zu bitten, alle Einstellungen auszuwählen, die Sie konfigurieren müssen, um Ihre Abonnentenliste portabel zu machen.

Bei WPBeginner verwenden wir OneSignal, weil es die Funktionen bietet, die wir zu einem angemessenen Preis benötigen.

  • OneSignal bietet ein kostenloses WordPress-Push-Benachrichtigungs-Plugin mit unbegrenzten Push-Benachrichtigungen für mobile Geräte und Web-Benachrichtigungen für bis zu 30.000 Abonnenten.
  • Sogar ihr kostenloser Plan enthält Funktionen wie Targeting, Standort, Tracking mit Google Analytics und eine robuste API.
  • Sie können es mit allen wichtigen E-Mail-Marketing-Diensten verwenden, um Ihre Newsletter-E-Mails über Web-Push-Benachrichtigungen zu senden

In WordPress geht es um Wahlen. Hier sind andere WordPress-Push-Benachrichtigungs-Plugins, die Sie ebenfalls ausprobieren können.

  • PushCrew – Verbindet Ihre Website mit dem Push-Benachrichtigungsdienst von PushCrew. Sie bieten einen kostenlosen Tarif an, der auf 2.000 Abonnenten begrenzt ist.

  • Push-Benachrichtigungen im PushEngage-Web: Dies ist das Plug-In-Plugin für PushEngage, einen Anbieter von Push-Benachrichtigungsdiensten. Sie haben einen kostenlosen Plan, der auf 2.500 Abonnenten, 120 Benachrichtigungen und 5.000 Klicks begrenzt ist.

  • PushAlert – Web-Push-Benachrichtigungen – Hilft Ihnen, eine Verbindung zum PushAlert-Web-Push-Benachrichtigungsdienst herzustellen. Sie bieten auch einen kostenlosen Tarif an, der auf 3.000 Abonnenten begrenzt ist.

  • PushAssist – Plug-In-Plug-In für den Push-Benachrichtigungsdienst Push Web Assist. Ihr kostenloser Tarif ist auf 2.000 Abonnenten begrenzt.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihrer WordPress-Site Web-Push-Benachrichtigungen hinzufügen. In unserem Leitfaden erfahren Sie auch, wie Sie eine kostenlose geschäftliche E-Mail-Adresse für Ihre Website erhalten.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie unseren Kanal YouTube um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.