Sie suchen nach einer Möglichkeit, Web-Push-Benachrichtigungen zu Ihrer Website hinzuzufügen?
Push-Benachrichtigungen können Ihnen helfen, automatisch und mit sehr wenig Aufwand viel Traffic, Engagement und Verkäufe zu generieren. Aber die große Frage ist: Wie macht man das überhaupt?
In diesem Artikel zeigen wir Ihnen, wie Sie Push-Benachrichtigungen zu Ihrer Website hinzufügen können, auch wenn Sie es noch nie zuvor getan haben.
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.
Legen wir los.
So installieren Sie Push-Benachrichtigungen auf Ihrer Website
Beginnen wir mit einer Vorschau dessen, was Sie als Ergebnis dieses Artikels erwarten können. Wenn Sie diese Schritte befolgen, sollten Sie am Ende dieses Artikels in der Lage sein, Push-Benachrichtigungen von Ihrer Website wie diese zu senden:
Es spielt keine Rolle, womit Ihre Website erstellt wurde. Unabhängig davon, welchen Tech-Stack Sie zur Entwicklung Ihrer Website verwendet haben, können Sie immer Push-Benachrichtigungen auf Ihrer Website installieren. Wir werden all dies in den nächsten Abschnitten behandeln.
Legen wir los.
Schritt #1: Richten Sie Ihr PushEngage-Konto ein
Gehen Sie zur PushEngage-Startseite und klicken Sie auf die Schaltfläche Loslegen:
Sie können den kostenlosen Plan auswählen, um PushEngage auszuprobieren, oder einen kostenpflichtigen Plan wählen, wenn Sie Ihr Geschäft ernsthaft ausbauen möchten. Die kostenpflichtigen Pläne bieten mehr Kampagnenoptionen und die Möglichkeit, noch größere Abonnentenlisten aufzubauen.
Sobald Sie ein Konto erstellt haben, gehen Sie zum PushEngage-Dashboard und navigieren Sie zu Einstellungen » Website-Einstellungen » Installationseinstellungen:
Hier konfigurieren Sie Ihre Website-Details und Ihr Branding. Richten Sie jetzt ein Logo und eine Website-URL für Ihre Push-Benachrichtigungen ein. Sie sollten dies jetzt tun, damit Sie Ihre Push-Benachrichtigungen richtig 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 » Website-Einstellungen » Installationseinstellungen:
Hier wird es ein wenig technisch.
In diesem Tab sehen Sie, dass Sie für verschiedene Arten von Websites unterschiedliche Codes erhalten können.
Finden Sie den richtigen für Ihre Website und kopieren Sie ihn.
Wenn Sie eine Website auf einem CMS betreiben, das nicht im Tab aufgeführt ist, können Sie entweder zum HTTP- oder HTTPS-Tab wechseln, je nachdem, ob auf Ihrer Website ein SSL-Zertifikat installiert ist.
Ein wirklich wichtiger Teil dieses Schritts, wenn Sie eine HTTPS-Website verwenden, ist der Zugriff auf den Stammordner Ihres Servers. Damit Push-Benachrichtigungen auf einer HTTPS-Website funktionieren, müssen Sie die Datei service-wroker.js aus demselben Tab herunterladen. Und laden Sie sie dann in Ihren Stammordner hoch.
HINWEIS: Wenn Sie die Service-Worker-Datei nicht in den Stammordner hochladen können, haben Sie die Möglichkeit, die Datei in einen anderen Ordner hochzuladen. Gehen Sie zu PushEngage Dashboard » Einstellungen » Website-Einstellungen » Erweiterte Einstellungen.
Befolgen Sie einfach die Anweisungen in den Service Worker-Einstellungen und Sie sind startklar:
Und das ist alles!
Sie haben erfolgreich Web-Push-Benachrichtigungen auf WordPress installiert, ohne ein Plugin zu verwenden.
Schritt 3: Platzieren des Installationscodes in der HTML Ihrer Website
Grundsätzlich möchten Sie, unabhängig von der Art Ihrer Website, diesen Installationscode in den HTML-<head>-Bereich Ihrer Website einfügen. Und der Prozess hierfür ist für verschiedene Plattformen unterschiedlich. Wenn Sie eine plattformspezifische Anleitung zum Installieren von Web-Push-Benachrichtigungen auf Ihrer Website wünschen, sehen Sie sich diese Ressourcen an:
- Push-Benachrichtigungen auf WordPress installieren
- Push-Benachrichtigungen auf WooCommerce installieren
- Push-Benachrichtigungen auf Wix installieren
- Push-Benachrichtigungen auf Zoho installieren
- Push-Benachrichtigungen auf Volusion installieren
- Push-Benachrichtigungen auf Weebly installieren
- Push-Benachrichtigungen auf ClickFunnels installieren
- Push-Benachrichtigungen auf PrestaShop installieren
- Push-Benachrichtigungen auf OpenCart installieren
- Push-Benachrichtigungen auf CS-Cart installieren
- Push-Benachrichtigungen auf Squarespace installieren
Wenn Sie eine benutzerdefinierte Website aus HTML betreiben, wissen Sie genau, wo Sie den Code platzieren müssen. Aber der Prozess des Platzierens des Installationscodes im Kopfbereich Ihrer Website ändert sich je nach Ihrem CMS oder Website-Builder.
Für bestimmte CMS können Sie Ihren Installationscode direkt über Ihr Dashboard einfügen. In anderen Fällen, wie bei PrestaShop, müssen Sie stattdessen den PushEngage API-Schlüssel verwenden. Daher empfehlen wir, für alle anderen Websites diese plattformspezifischen Tutorials zu befolgen.
Schritt #4: Konfigurieren Sie die PushEngage-Opt-In-Option
Schließlich gehen Sie in Ihrem PushEngage-Dashboard zu Einstellungen » Abonnement-Einstellungen » Abonnement-Dialogfeld » Bearbeiten:
Von hier aus können Sie Ihre Push-Benachrichtigungs-Opt-in-Option anpassen. Wenn Sie dabei Hilfe benötigen, sollten Sie sich diesen Artikel über die Erstellung einer benutzerdefinierten Push-Benachrichtigungs-Opt-in-Option ansehen.
Wenn Sie Inspiration brauchen, können Sie sich diesen Artikel über hochkonvertierende Push-Benachrichtigungs-Opt-in-Optionen ansehen.
Schritt #5: Erstellen Sie eine Willkommensbenachrichtigung
Sobald Sie die Opt-in-Einrichtung abgeschlossen haben, kann Ihre Website Abonnenten sammeln.
Aber woher wissen Sie, ob Ihre Push-Benachrichtigungen ordnungsgemäß funktionieren?
Wir empfehlen Ihnen, eine Willkommens-Push-Benachrichtigung zu erstellen, um zu testen, ob Ihre Einrichtung reibungslos funktioniert hat. Eine Willkommensbenachrichtigung ist eine Push-Benachrichtigung, die Sie einem neuen Abonnenten senden, um dessen Abonnement zu bestätigen und ihn willkommen zu heißen.
Gehen Sie zu Einstellungen » Website-Einstellungen » Installationseinstellungen und konfigurieren Sie Ihre Willkommensnachricht:
Schließlich gehen Sie zurück zu Ihrer Website und abonnieren Sie Ihre eigenen Push-Benachrichtigungen, um zu testen, ob alles reibungslos funktioniert.
Und das ist alles!
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.
Zusammenfassung
Das war's für dieses Mal, Leute!
Wenn Sie neu bei Push-Benachrichtigungen sind, sollten Sie einen vollständigen Prozess zum Testen von Push-Benachrichtigungen durchlaufen, bevor Sie live gehen. Dies 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 bei etwas nicht weiterkommen. Wir helfen Ihnen gerne bei jedem Problem.
Und 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 mit dem Wachstum Ihres Unternehmens, sollten Sie in PushEngage investieren.
