So richten Sie Web-Push-Benachrichtigungen auf Ihrer Website ein

Veröffentlicht: 2022-02-17

Suchen Sie nach einer schnellen und einfachen Anleitung zum Einrichten von Web-Push-Benachrichtigungen auf Ihrer Website?

Wir geben dir Deckung.

In diesem Artikel zeigen wir Ihnen, wie Sie Web-Push-Benachrichtigungen auf Ihrer Website einrichten, auch wenn:

Das hast du noch nie gemacht
Sie haben keinen Entwickler, der das für Sie erledigt
Sie haben versucht, Push-Benachrichtigungen zu Ihrer Website hinzuzufügen, sind jedoch fehlgeschlagen

Der beste Teil? Wir machen es ohne Fachchinesisch. Auch wenn Sie kein Entwickler sind, können Sie Push-Benachrichtigungen also ganz einfach installieren.

Für diesen Artikel verwenden wir PushEngage, um Push-Benachrichtigungen auf Ihrer Website einzurichten. PushEngage ist die weltweit führende Push-Benachrichtigungssoftware. Ihre Kampagnen sind also in guten Händen.

Tauchen wir ein.

So installieren Sie Push-Benachrichtigungen auf Ihrer Website

Bevor wir beginnen, finden Sie am Ende dieses Artikels einen kurzen Überblick darüber, was Sie auf Ihrer Website erwarten können. Wenn Sie die Schritte in diesem Tutorial befolgen, sollten Sie in der Lage sein, Push-Benachrichtigungen von Ihrer Website wie diese zu senden:

Gesunde Yum Automatisierte Push-Benachrichtigungen

Es spielt überhaupt keine Rolle, wie Sie Ihre Website entwickelt haben, welche Art von Geschäft Sie betreiben oder andere technische Spezifikationen. Sie können in beiden Fällen Push-Benachrichtigungen auf Ihrer Website installieren.

Tauchen wir ein.

Schritt Nr. 1: Richten Sie Ihr PushEngage-Konto ein

Gehen Sie zur Startseite von PushEngage und klicken Sie auf die Schaltfläche Erste Schritte:

Sie können den kostenlosen Plan auswählen, um PushEngage auszuprobieren, aber wenn Sie ernsthaft daran interessiert sind, Ihr Geschäft auszubauen, wählen Sie einen kostenpflichtigen Plan. Die kostenpflichtigen Pläne beinhalten bessere Zielgruppen-Targeting-Optionen und Funktionen zur Kampagnenautomatisierung.

Sobald Sie sich für ein Konto angemeldet haben, gehen Sie zum PushEngage-Dashboard und gehen Sie zu Einstellungen » Site-Einstellungen » Installationseinstellungen :

Auf diesem Bildschirm können Sie die URL und Identität Ihrer Website konfigurieren. Legen Sie ein Logo und eine Website-URL für Ihre Push-Benachrichtigungskampagnen und -sendungen fest.

Alle Ihre Abonnenten von Push-Benachrichtigungen sehen den Site-Namen , das Site-Bild und die Site-URL in Ihren Benachrichtigungen. Richten Sie diese also gleich jetzt ein, damit Sie Ihre Push-Benachrichtigungen später testen können.

Schritt #2: Holen Sie sich den Installationscode von PushEngage

Als nächstes müssen Sie zum PushEngage-Dashboard gehen und den Installationscode abrufen. Gehen Sie zu Einstellungen » Site-Einstellungen » Installationseinstellungen :

Fügen Sie Push-Benachrichtigungen auf der Squarespace-Website hinzu

Auf dieser Registerkarte sehen Sie, dass Sie für verschiedene Arten von Websites einen anderen Code erhalten können. Finden Sie das richtige für Ihre Website und kopieren Sie es. Wenn Sie eine Website auf einem CMS betreiben, das nicht auf der Registerkarte aufgeführt ist, können Sie entweder zu den Registerkarten HTTP oder HTTPS wechseln, je nachdem, ob auf Ihrer Website ein SSL-Zertifikat installiert ist.

Dieser nächste Teil ist super wichtig. Wenn Sie diesen Schritt nicht ausführen, kann Ihre Website keine Abonnenten von Push-Benachrichtigungen erfassen.

Wenn Sie eine HTTPS-Site verwenden und Zugriff auf den Stammordner Ihres Servers haben, müssen Sie die Datei service-wroker.js von derselben Registerkarte herunterladen. Laden Sie es dann in Ihren Stammordner hoch.

HINWEIS: Wenn Sie die Service-Worker-Datei nicht in den Stammordner hochladen können, können Sie die Datei dennoch in einen anderen Ordner hochladen. Gehen Sie zu PushEngage Dashboard » Einstellungen » Site-Einstellungen » Erweiterte Einstellungen .

Folgen Sie einfach den Anweisungen in den Service Worker-Einstellungen und Sie sind goldrichtig:

Schließlich möchten Sie den Installationscode für PushEngage in den HTML- <head> Ihrer Website einfügen. Wenn Sie ein Entwickler sind, der es gewohnt ist, in HTML zu programmieren, wissen Sie bereits, wie das geht.

Aber wenn HTML für Sie neu ist und Sie ein CMS verwenden, um Ihre Website zu betreiben, machen Sie sich keine Sorgen. Der Prozess zum Bearbeiten des HTML- <head> ist für verschiedene Plattformen unterschiedlich. Deshalb haben wir für Sie detaillierte Schritt-für-Schritt-Anleitungen für die beliebtesten Plattformen erstellt:

Installieren Sie Push-Benachrichtigungen auf WordPress
Installieren Sie Push-Benachrichtigungen auf WordPress (ohne Plugin)
Installieren Sie Push-Benachrichtigungen auf WooCommerce
Installieren Sie Push-Benachrichtigungen auf Wix
Installieren Sie Push-Benachrichtigungen auf Blogger
Installieren Sie Push-Benachrichtigungen auf Zoho
Installieren Sie Push-Benachrichtigungen auf Volusion
Installieren Sie Push-Benachrichtigungen auf Weebly
Installieren Sie Push-Benachrichtigungen auf ClickFunnels
Installieren Sie Push-Benachrichtigungen auf PrestaShop
Installieren Sie Push-Benachrichtigungen auf OpenCart
Installieren Sie Push-Benachrichtigungen auf CS-Cart
Installieren Sie Push-Benachrichtigungen auf Drupal
Installieren Sie Push-Benachrichtigungen auf Squarespace
Installieren Sie Push-Benachrichtigungen auf X-Cart
Installieren Sie Push-Benachrichtigungen auf BigCommerce
Installieren Sie Push-Benachrichtigungen auf Jimdo

WICHTIG: In einigen Website-Buildern und CMS können Sie Ihren Installationscode direkt von Ihrem Dashboard einfügen. In anderen Fällen wie PrestaShop müssen Sie stattdessen den PushEngage-API-Schlüssel verwenden. Aus diesem Grund empfehlen wir, den plattformspezifischen Tutorials zu folgen, um den Push-Benachrichtigungscode korrekt hinzuzufügen.

Schritt #3: PushEngage Opt-in konfigurieren

Gehen Sie schließlich in Ihrem PushEngage-Dashboard zu Einstellungen » Abonnementeinstellungen » Abonnementdialogfeld » Bearbeiten :

Von hier aus können Sie Ihr Opt-in für Push-Benachrichtigungen anpassen. Wenn Sie dabei Hilfe benötigen, sollten Sie diesen Artikel lesen, in dem beschrieben wird, wie Sie ein benutzerdefiniertes Opt-in für Push-Benachrichtigungen erstellen.

Wenn Sie etwas Inspiration brauchen, können Sie sich diesen Artikel über hochkonvertierende Push-Benachrichtigungs-Opt-ins ansehen.

BONUS-Schritt: Erstellen Sie eine Willkommensbenachrichtigung

Sobald Sie das Opt-in eingerichtet haben, kann Ihre Website Abonnenten sammeln.

Aber woher wissen Sie, ob Ihre Push-Benachrichtigungen richtig funktionieren?

Wir empfehlen Ihnen, eine Willkommens-Push-Benachrichtigung zu erstellen, um zu testen, ob Ihre Einrichtung reibungslos verlief. Eine Willkommensbenachrichtigung ist eine Push-Benachrichtigung, die Sie einem neuen Abonnenten senden, um sein Abonnement zu bestätigen und ihn an Bord willkommen zu heißen.

Gehen Sie zu Einstellungen » Site-Einstellungen » Installationseinstellungen und konfigurieren Sie Ihre Willkommensnachricht:

Gehen Sie schließlich zurück zu Ihrer Website und entscheiden Sie sich für Ihre eigenen Push-Benachrichtigungen, um zu testen, ob alles reibungslos funktioniert.

Und das ist alles, was dazu gehört!

Sie haben erfolgreich Web-Push-Benachrichtigungen auf Ihrer Website eingerichtet. Es ist an der Zeit, zu Ihrem PushEngage-Dashboard zurückzukehren und mit der Erstellung Ihrer Push-Benachrichtigungskampagnen zu beginnen.

Einpacken

Wenn Push-Benachrichtigungen neu für Sie sind, sollten Sie einen vollständigen Testprozess für Push-Benachrichtigungen durchlaufen, bevor Sie live gehen. Es hilft Ihnen, häufige Probleme zu beheben, bevor Ihre Besucher sie sehen und sich über eine fehlerhafte Benutzererfahrung beschweren.

Wir empfehlen Ihnen, sich mit unseren Customer Success Managern in Verbindung zu setzen, wenn Sie mit einem dieser Probleme nicht weiterkommen. Wir helfen Ihnen gerne bei jedem Problem weiter. Push-Benachrichtigungen sind eine großartige Möglichkeit, um wiederholten Traffic auf Ihre Website zu lenken und den Direktverkauf und das Engagement zu steigern.

Nicht überzeugt? Schauen Sie sich diese epischen Ressourcen an:

Drip-Kampagnen und Autoresponder für Web-Push-Benachrichtigungen
5 Vorteile der Push-Benachrichtigungskampagne zum Verlassen des Einkaufswagens
So wandeln Sie Abonnenten mithilfe von Web-Push-Benachrichtigungen in Käufer um

Wenn Sie es noch nicht getan haben, probieren Sie PushEngage aus. PushEngage ist der weltweit führende Push-Benachrichtigungsdienst. Wenn Sie es also ernst meinen, Ihr Geschäft auszubauen, ist PushEngage die richtige Option für Sie.

Beginnen Sie noch heute mit PushEngage!