So erstellen Sie ein Exit-Intent-Popup in WordPress (Schritt für Schritt)

Veröffentlicht: 2018-09-20
Wordpress-Exit-Popup
Folgen Sie @Cloudways

Erhalten Sie Zugriffe auf Ihre Website, aber niemand trägt sich in Ihre E-Mail-Liste ein? Im Durchschnitt werden über 70 Prozent der Personen, die Ihre Website verlassen, nie wieder zurückkehren. Das sind viele Leute, die ein Abonnent und schließlich ein Kunde hätten werden können, die Sie für immer verloren haben. Aber was wäre, wenn es eine Möglichkeit gäbe, verlassene Website-Besucher zu konvertieren und Ihre Conversions zu steigern? Sie können mit Popups beenden.

Exit-Intent-Popups sind weniger aufdringlich als andere Popups. Anstatt Besucher zu unterbrechen, sobald sie auf Ihrer Seite landen, können sie erkennen, wann ein Besucher Ihre Website verlassen wird, und ihnen genau im richtigen Moment eine gezielte Kampagne senden . Exit-Intent-Popups sind sehr effektiv und ansprechend und können Ihre Conversion um 1700 Prozent steigern, indem sie potenziell zurückgewiesenen Traffic konvertieren.

Wenn Sie Ihre Abonnenten erhöhen und mehr Leads für Ihr Unternehmen generieren möchten, erfahren Sie hier, wie Sie Schritt für Schritt ein Exit-Popup in WordPress erstellen.

WordPress Exit-Popup hinzufügen

  1. OptinMonster herunterladen
  2. Erstellen Sie Ihre Kampagne
  3. Bearbeiten Sie Ihre Kampagne
  4. Einen E-Mail-Anbieter hinzufügen
  5. Legen Sie die Anzeigeregeln fest
  6. Machen Sie Ihre Kampagne live auf WordPress

Schritt 1: OptinMonster herunterladen

Bevor wir beginnen, um auf die Exit-Intent-Technologie zugreifen zu können, benötigen Sie ein Plus-Abonnement bei OptinMonster. Nachdem Sie sich bei OptinMonster angemeldet haben, müssen Sie das OptinMonster-Plugin für WordPress herunterladen.

Laden Sie das Plugin auf Ihre Site hoch, indem Sie zu DashboardPluginsNeu hinzufügenHochladenJetzt installieren gehen . Klicken Sie dann auf die Schaltfläche Plugin aktivieren, um das OptinMonster WordPress-Plugin zu aktivieren.

Klicken Sie dann in Ihrem Menü auf OptinMonster und geben Sie Ihre API-Anmeldeinformationen ein, um Ihr OptinMonster-Konto mit Ihrer WordPress-Website zu verbinden.

Jetzt fangen wir an.

Schritt 2: Erstellen Sie Ihre Kampagne

Melden Sie sich beim OptinMonster-Dashboard an und klicken Sie auf die Schaltfläche Kampagne erstellen .

Kampagne erstellen

Als Nächstes werden Sie aufgefordert, Ihren Kampagnentyp auszuwählen, wählen Sie die Option Popup .

Popup-Option

Wählen Sie als Nächstes Ihre bevorzugte Kampagnenvorlage aus. Für dieses Tutorial wählen wir die Balance- Vorlage. Um eine Kampagne auszuwählen, fahren Sie mit der Maus über die Vorlage Ihrer Wahl und eine Schaltfläche Vorlage verwenden wird angezeigt. Klicken Sie darauf.

Benutze Template

Jetzt wird Ihnen eine Option angezeigt, um Ihre Kampagne zu benennen und auszuwählen, auf welcher Website Sie sie anzeigen möchten. Sie können mehr als eine Website auswählen und wenn Sie sich nicht sicher sind, können Sie die Website später im Kampagnen-Builder hinzufügen. Nachdem Sie diese Felder ausgefüllt haben, klicken Sie auf die Schaltfläche Bau starten .

Bauen beginnen

Von hier aus gelangen Sie zum OptinMonster-Kampagnen-Builder, wo Sie das Standard- Balance- Design sehen. Jetzt ist es an der Zeit, Ihre Kampagne zu bearbeiten und zu Ihrer eigenen zu machen.

Schritt 3: Bearbeiten Sie Ihre Kampagne

Beginnen Sie mit der Bearbeitung Ihrer Kampagne, indem Sie die Standardbilder durch Ihre eigenen ersetzen. Klicken Sie auf den Bildbereich, um das Editing Image Element auf der linken Seite zu öffnen, und klicken Sie dann auf die Schaltfläche Select to Replace Image . Es erscheint ein Bildschirm, in dem Sie die Dateien auf Ihrem Computer durchsuchen oder ein Foto aus Ihrer vorhandenen Bildbibliothek auswählen können.

Bildelement bearbeiten

Nachdem Sie sich für das Bild entschieden haben, das für Ihre Kampagne am besten geeignet ist, ist es an der Zeit, den Text zu bearbeiten. Klicken Sie auf den Überschriftstext, um ihn auszuwählen, und beginnen Sie dann mit der Eingabe in das Textfeld auf der linken Seite, um die Standardüberschrift durch Ihre eigene zu ersetzen. Hier können Sie auch die Formatierungswerkzeuge verwenden, um Ihre Schriftart auszuwählen, sie fett zu machen, die Größe zu ändern und mehr.

Bildelement bearbeiten

Befolgen Sie die gleichen Schritte, um auch den Textkörper zu bearbeiten.

Bildelement bearbeiten

Sie können auch die Farben Ihres Exit-Popups ändern, indem Sie auf die Blöcke klicken, die Sie bearbeiten möchten, und auf die Schaltfläche Hintergrundfarbe klicken.

Hintergrundfarbe

Wenn Sie möchten, können Sie Ihre Felder auch mit dem Element Felder bearbeiten bearbeiten. Klicken Sie auf den Block, der die E - Mail - Feld enthält und Registrieren Schaltfläche bearbeiten Sie den Text oder fügen Sie neue Felder wie Name und Telefonnummer.

Feldelement bearbeiten

Verwenden Sie die grüne Schaltfläche Speichern oben auf dem Bildschirm, um Ihren Fortschritt zu speichern.

Schaltfläche Speichern

Schritt 4: E-Mail-Anbieter hinzufügen

Der nächste Schritt besteht darin, einen E-Mail-Anbieter hinzuzufügen. Dieser Schritt ist unerlässlich, wenn Sie eine Kampagne erstellen möchten, um Ihre E-Mail-Liste zu erweitern. Wenn Sie keinen E-Mail-Dienstanbieter haben, können Sie sich für eine der zahlreichen Optionen anmelden, mit denen OptinMonster kompatibel ist. Nachdem Sie ein Konto bei dem E-Mail-Anbieter Ihrer Wahl erstellt haben, klicken Sie im Menü oben auf dem Bildschirm auf die Schaltfläche Integration und dann auf die Schaltfläche Neue Integration hinzufügen.

Einen E-Mail-Anbieter hinzufügen

Wählen Sie den Anbieter aus der Dropdown-Liste der E-Mail-Anbieter aus, heute wählen wir Constant Contact .

Dauernder Kontakt

Klicken Sie auf die blaue Schaltfläche Mit ständigem Kontakt registrieren .

Registrieren Sie sich bei Constant Contact

Dann erscheint ein Fenster, in dem Sie sich bei Constant Contact anmelden können. Klicken Sie anschließend auf die orangefarbene Schaltfläche Zulassen .

Schaltfläche "Zulassen"

Geben Sie dann ein Konto-Label ein , für das Tutorial habe ich meins „ Test “ genannt und klicken Sie auf die grüne Schaltfläche Connect to Constant Contact .

Verbinden Sie sich mit konstantem Kontakt

Wählen Sie zuletzt die E-Mail-Anbieterliste aus dem Dropdown-Menü aus. Der Standard, den Constant Contact bereitstellt, heißt General Interest .

Allgemeines Interesse

Nun, da dies erledigt ist, ist es an der Zeit, die Anzeigeregeln festzulegen.

Schritt 5: Legen Sie die Anzeigeregeln fest

Wählen Sie in der Menüleiste die Registerkarte Anzeigeregeln aus und wählen Sie in der Dropdown-Liste „ Beenden erkannt “ aus. Wählen Sie dann in den nächsten Anzeigeregeln „ aktueller URL-Pfad “ und „ ist eine beliebige Seite “, um Ihr Popup beim Beenden für alle Ihre Webseiten zu laden. Sie können es beispielsweise auch nur neuen Besuchern oder nur auf bestimmten Seiten anzeigen. Nachdem Sie Ihre Konfigurationen ausgewählt haben, klicken Sie auf die blaue Schaltfläche Nächster Schritt .

Legen Sie die Anzeigeregeln fest

Wählen Sie auf dieser Seite " Optin " für die Option " Kampagnenansicht anzeigen ". Hier können Sie auch Effekte für Ihr WordPress-Exit-Popup wie Soundeffekte auswählen.

Kampagnenansicht anzeigen

Denken Sie daran , die grüne Schaltfläche Speichern klicken , um die Änderungen zu speichern Sie gemacht haben. Sobald Sie Ihre Anzeigeregeln eingerichtet haben, ist es an der Zeit, live zu gehen.

Schritt 6: Machen Sie Ihre Kampagne live auf WordPress

Klicken Sie oben auf dem Bildschirm auf die Schaltfläche Veröffentlichen. Wenn die Seite geöffnet wird, schalten Sie die Schaltfläche Status um, um Ihre Kampagne live zu schalten. Sie können auch die Website auswählen, auf der das Exit-Popup darunter angezeigt werden soll, falls Sie dies noch nicht getan haben.

Statustaste

Wählen Sie als Nächstes Ihre Plattform aus und klicken Sie auf die Option WordPress.

Gehen Sie als Nächstes zu Ihrer WordPress-Website und suchen Sie das OptinMonster-Plugin, das Sie zuvor heruntergeladen haben. Wenn Ihre Kampagne nicht im Abschnitt " Kampagnen " angezeigt wird, klicken Sie auf die blaue Schaltfläche " Kampagnen aktualisieren" . Sobald Ihre Kampagne aufgelistet ist, klicken Sie auf den Link " Go Live " unter Ihrem Kampagnentitel. Neben Ihrer neuen Kampagne wird dann der grüne Text " Live " angezeigt.

Geh Leben

Herzlichen Glückwunsch, du hast es geschafft! Dein WordPress-Exit-Popup ist bereit, verlassene Besucher zu konvertieren.

WordPress-Exit-Popup

Indem Sie diese einfachen Schritte befolgen, können Sie in WordPress ein Exit-Popup erstellen, das Ihre E-Mail-Liste erweitert und Leads und Verkäufe generiert. Ob Sie einen Blog oder einen Online-Shop haben, Exit-Intent-Popups geben Ihrem Unternehmen den nötigen Schub, um E-Mails und die Aufmerksamkeit Ihrer Besucher zu gewinnen.