Wie man ein effektives klickgesteuertes Abonnement-Popup in Elementor erstellt

Ein Abonnement-Popup, das durch einen Klick ausgelöst wird, kann die E-Mail-Anmeldungsrate auf Ihrer Website effektiv erhöhen und gleichzeitig die Benutzerfreundlichkeit verbessern. Elementor bietet leistungsstarke Tools zum Erstellen und Anpassen von Popups, mit denen Sie ganz einfach ein "Click-to-Open"-Popup einrichten können. Popup-Fenster für Abonnements. Diese Anleitung führt Sie durch die einzelnen Schritte, um ein Abonnement-Popup zu erstellen, das nur erscheint, wenn Benutzer auf einen bestimmten Link oder eine Schaltfläche klicken.

Einführung

Anmelde-Popups können eine großartige Möglichkeit sein, Besucher anzusprechen und sie zu ermutigen, sich für Ihren Newsletter, Werbeaktionen oder Updates anzumelden. Im Gegensatz zu automatisch ausgelösten Popups, die das Benutzererlebnis unterbrechen können, öffnet sich ein klickausgelöstes Popup erst, wenn der Benutzer bereit ist, es zu sehen. Das macht es benutzerfreundlicher und erhöht die Wahrscheinlichkeit einer Konversion. Sehen wir uns an, wie Sie in Elementor ein Abonnement-Popup erstellen können, das sich beim Klicken auf einen Link oder eine Schaltfläche öffnet.

Schritt 1: Erstellen Sie die Popup-Vorlage für das Abonnement

  1. Zugriffselement oder Popup-Vorlagen
    • Melden Sie sich in Ihrem WordPress-Dashboard an und navigieren Sie zu Vorlagen > Popups.
    • Klicken Sie auf Neues Popup hinzufügen um eine neue Popup-Vorlage zu erstellen.
  1. Benennen und erstellen Sie Ihre Popup-Vorlage
    • Geben Sie Ihrem Popup einen aussagekräftigen Namen, wie z.B. "Abonnement Popup" und klicken Sie dann auf Vorlage erstellen.
  1. Wählen oder gestalten Sie Ihr Popup-Layout
    • Elementor zeigt Ihnen eine Vielzahl von vorgefertigten Popup-Vorlagen. Wählen Sie eine aus, die Ihren Bedürfnissen entspricht, oder beginnen Sie mit einer leere Vorlage.
    • Klicken Sie auf einfügen um die ausgewählte Vorlage im Elementor-Editor zu öffnen. Ein Klick auf das "x" führt Sie zu einer leeren Vorlagenseite.
  1. Abonnement-Formular hinzufügen
    • Ziehen Sie die Formular Widget in das Popup-Fenster ein, um ein Abonnementformular hinzuzufügen.
    • Konfigurieren Sie die Formularfelder so, dass sie die notwendigen Informationen erfassen, typischerweise:
      • Name (optional) - für ein noch persönlicheres Erlebnis.
      • E-Mail (erforderlich) - als Hauptinformation für ein Abonnement.
    • Halten Sie es einfach mit einem einfachen E-Mail-Feld, um die Wahrscheinlichkeit einer Anmeldung zu erhöhen.
  1. Konfigurieren von Formularübermittlungs-Aktionen
    • Aktualisieren Sie den Text der Schaltfläche zum Absenden des Formulars auf etwas Ansprechendes, wie "Jetzt abonnieren" oder "Updates erhalten".
    • In der Aktionen nach dem Absenden Abschnitt, wählen Sie E-Mail oder MailChimp (wenn Sie MailChimp für Ihr E-Mail-Marketing verwenden).
    • Passen Sie die Aktionen nach der Übermittlung an, z. B. das Senden einer Dankesnachricht oder das Hinzufügen eines Erfolgsmeldung.
Benachrichtigung senden
  1. Gestalten Sie Ihr Popup
    • Verwenden Sie die Styling-Optionen von Elementor, um die die Farben des Formulars, Schriftarten, und Abstände die zum Branding Ihrer Website passen.
    • Um Aufmerksamkeit zu erregen, fügen Sie eine Überschrift wie "Bleiben Sie auf dem Laufenden!" oder "Abonnieren Sie die neuesten Nachrichten. “
  1. Speichern und veröffentlichen Sie das Popup
    • Wenn Sie mit dem Entwurf zufrieden sind, klicken Sie auf veröffentlichen. Sie werden nun aufgefordert, die Anzeigeeinstellungen für das Popup zu konfigurieren.

Schritt 2: Konfigurieren Sie die Anzeige- und Auslöseeinstellungen für das Popup

  1. Anzeigebedingungen festlegen
    • Klicken Sie auf Bedingung hinzufügen und wählen Sie Gesamte Website oder eine bestimmte Seite, auf der das Popup zugänglich sein soll.
  1. Auslöser konfigurieren
    • Deaktivieren Sie alle automatischen Auslöser (wie "Beim Laden der Seite" oder "Beim Scrollen"). Dieser Schritt stellt sicher, dass das Popup nur erscheint, wenn der Benutzer auf einen bestimmten Link oder eine Schaltfläche klickt.
  1. Display-Einstellungen speichern
    • Bestätigen Sie Ihre Einstellungen, indem Sie auf Speichern & Schließen.

Schritt 3: Erstellen Sie den Link oder die Schaltfläche zum Auslösen des Popups

  1. Bearbeiten Sie die Seite oder den Beitrag, in dem Sie den Link wünschen
    • Öffnen Sie die Seite oder den Beitrag, zu dem Sie den Trigger-Link oder die Schaltfläche in Elementor hinzufügen möchten.
  2. Fügen Sie einen Link oder eine Schaltfläche für den Popup-Auslöser hinzu
    • Einfügen Schaltfläche oder ein Textlink-Widget, das als Auslöser für das Popup dient. Verwenden Sie einen ansprechenden Text wie "Jetzt anmelden" oder "Für Updates abonnieren".
    • Sie können den Popup-Auslöser an ein Bild, ein Symbol oder ein anderes klickbares Element anhängen, um ein individuelles Aussehen zu erzielen.
  1. Legen Sie die Auslöseaktion zum Öffnen des Popups fest
    • Wählen Sie den Link oder die Schaltfläche, und gehen Sie zu Link Einstellungen im Elementor-Editor.
    • Setzen Sie den Link-Typ auf Dynamische Tags, wählen Sie dann Aktionen > Popup aus der Dropdown-Liste.
  1. Wählen Sie die Popup-Aktion und den Namen
    • Wählen Sie Popup öffnen als Aktion und wählen Sie den Namen des Abonnement-Popups, das Sie zuvor erstellt haben.
    • Sie können auch eine Aktion zum Schließen des Popups festlegen, wenn Sie möchten, dass die Benutzer das Popup manuell schließen können.
  1. Speichern Sie Ihre Änderungen
    • Klicken Sie auf Update um Ihre Änderungen an der Seite zu speichern.

Schritt 4: Testen Sie das Popup

  1. Vorschau der Seite
    • Besuchen Sie die Seite, auf der Sie den Popup-Auslöser hinzugefügt haben, klicken Sie auf den Link oder die Schaltfläche und stellen Sie sicher, dass das Abonnement-Popup korrekt angezeigt wird.
  1. Formular einreichen prüfen
    • Senden Sie einen Testeintrag, um sicherzustellen, dass das Formular wie erwartet funktioniert. Wenn Sie das Formular so konfiguriert haben, dass es eine E-Mail-Benachrichtigung sendet, überprüfen Sie, ob die E-Mail empfangen wird.
    • Wenn Sie mit einem Tool wie MailChimp verbunden sind, überprüfen Sie, ob das Testabonnement der richtigen Liste hinzugefügt wurde.

Zusätzliche Tipps und Empfehlungen

  • Animation hinzufügen: In den erweiterten Einstellungen des Popup-Fensters können Sie Animationen für den Ein- und Ausstieg hinzufügen (z. B. Einblenden oder Einschieben), um das Popup-Fenster flüssiger und ansprechender zu gestalten.
  • Optimieren Sie für Mobile: Wechseln Sie im Elementor-Editor zur mobilen Ansicht und passen Sie das Design des Popups für mobile Bildschirme an, um ein nahtloses Erlebnis für mobile Benutzer zu gewährleisten.
  • Frequenzsteuerung: Wenn Sie mehrere Popups planen, sollten Sie deren Häufigkeit begrenzen, um die Benutzer nicht zu überfordern.
  • Erklärung zum Datenschutz: Verwenden Sie die Text vergessen Sie nicht, am Ende des Formulars eine kurze Erklärung zum Datenschutz hinzuzufügen, um den Benutzern zu versichern, dass ihre E-Mail-Daten sicher aufbewahrt werden.

Fazit

Wenn Sie in Elementor ein klickgetriggertes Abonnement-Popup erstellen, können Sie die E-Mail-Anmelderate Ihrer Website effektiv erhöhen und gleichzeitig ein positives Benutzererlebnis gewährleisten. Im Gegensatz zu automatisch ausgelösten Popups wird das Popup nur dann angezeigt, wenn der Benutzer bereit ist, sich einzuloggen, was es weniger aufdringlich macht und die Wahrscheinlichkeit einer Konvertierung erhöht. Wenn Sie diese Schritte befolgen, können Sie ganz einfach ein Abonnement-Popup entwerfen, anpassen und konfigurieren, das zu Ihrer Marke passt und die Interaktion der Benutzer fördert. Ein gut gestaltetes, strategisch platziertes Popup kann wertvoll sein, um Ihre E-Mail-Liste aufzubauen und mit Ihrer Zielgruppe in Verbindung zu bleiben.

Verwandte Artikel

Antworten

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert