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

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

Suchen Sie nach einer schnellen und einfachen Anleitung, wie Sie Web-Push-Benachrichtigungen auf Ihrer Website einrichten?

Wir haben Sie abgedeckt.

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

  • Sie es noch nie zuvor getan haben
  • Sie keinen Entwickler haben, der es für Sie erledigt
  • Sie versucht haben, Push-Benachrichtigungen zu Ihrer Website hinzuzufügen, und gescheitert sind

Das Beste daran? Wir tun dies ohne Fachjargon. Selbst wenn Sie kein Entwickler sind, können Sie Push-Benachrichtigungen ziemlich 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.

Legen wir los.

So installieren Sie Push-Benachrichtigungen auf Ihrer Website

Bevor wir beginnen, werfen wir einen kurzen Blick darauf, was Sie am Ende dieses Artikels 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 dieser zu senden:

Wholesome Yum Automatisierte Push-Benachrichtigungen

Es spielt überhaupt keine Rolle, wie Sie Ihre Website entwickelt haben, welche Art von Geschäft Sie betreiben oder welche anderen technischen Spezifikationen gelten. Sie können Push-Benachrichtigungen auf jeden Fall auf Ihrer Website installieren.

Legen wir los.

Schritt #1: Richten Sie Ihr PushEngage-Konto ein

Gehen Sie zur PushEngage-Startseite und klicken Sie auf die Schaltfläche Loslegen:

PushEngage

Sie können den kostenlosen Plan auswählen, um PushEngage auszuprobieren, aber wenn Sie Ihr Geschäft ernsthaft ausbauen möchten, wählen Sie einen kostenpflichtigen Plan. Die kostenpflichtigen Pläne beinhalten bessere Zielgruppen-Targeting-Optionen und Kampagnenautomatisierungsfunktionen.

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

PushEngage-Website-Einstellungen

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

Alle Ihre Push-Benachrichtigungsabonnenten sehen den Website-Namen, das Website-Bild und die Website-URL in Ihren Benachrichtigungen. Richten Sie diese also sofort 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 » Website-Einstellungen » Installationseinstellungen:

Push-Benachrichtigungen auf der Squarespace-Website hinzufügen

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 in der Liste aufgeführt ist, können Sie entweder zum HTTP- oder HTTPS-Tab gehen, je nachdem, ob auf Ihrer Website ein SSL-Zertifikat installiert ist.

Dieser nächste Schritt ist sehr wichtig. Wenn Sie diesen Schritt nicht ausführen, kann Ihre Website keine Push-Benachrichtigungsabonnenten sammeln.

Wenn Sie eine HTTPS-Website verwenden und Zugriff auf den Stammordner Ihres Servers haben, müssen Sie die Datei service-wroker.js aus demselben Tab herunterladen. Laden Sie sie dann in Ihren Stammordner hoch.

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

Befolgen Sie einfach die Anweisungen in den Service Worker-Einstellungen und Sie sind fertig:

Service Worker-Einstellungen

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

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

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

Schritt #3: Konfiguration der PushEngage Opt-In

Schließlich gehen Sie in Ihrem PushEngage-Dashboard zu Einstellungen » Abonnement-Einstellungen » Abonnement-Dialogfeld » Bearbeiten:

PushEngage Installationseinstellungen

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. 

BONUS-Schritt: 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:

Neue Willkommens-Push-Benachrichtigung

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

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 nicht weiterkommen. Wir helfen Ihnen gerne bei jedem Problem. Push-Benachrichtigungen sind eine großartige Möglichkeit, wiederkehrenden Traffic auf Ihre Website zu lenken und Direktverkäufe und Interaktion zu steigern.

Noch nicht überzeugt? Sehen Sie sich diese epischen Ressourcen an:

Wenn Sie es noch nicht getan haben, probieren Sie PushEngage aus. PushEngage ist der weltweit führende Push-Benachrichtigungsdienst. Wenn Sie Ihr Geschäft ausbauen wollen, ist PushEngage die richtige Wahl für Sie.

Starten Sie noch heute mit PushEngage!

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen möchten. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links Nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.

Besucher nach dem Verlassen Ihrer Website ansprechen und binden

Erhöhen Sie den Wert jedes Website-Besuchs mit Push-Benachrichtigungen, die schwer zu übersehen sind.

  • Ewiger kostenloser Plan
  • Einfache Einrichtung
  • 5-Sterne-Support