A subscription popup triggered by a click can effectively increase your website’s email sign-up rate while enhancing user experience. Elementor offers powerful tools for creating and customizing popups, making it easy to set up a “click-to-open” 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
Subscription popups can be a great way to engage visitors and encourage them to sign up for your newsletter, promotions, or updates. Unlike auto-triggered popups, which may interrupt the user experience, a click-triggered popup opens only when the user is ready to see it, making it more user-friendly and likely to convert. Let’s explore how you can create a subscription popup in Elementor that opens upon clicking a link or button.
Schritt 1: Erstellen Sie die Popup-Vorlage für das Abonnement
- Zugriffselement oder Popup-Vorlagen
- Melden Sie sich in Ihrem WordPress-Dashboard an und navigieren Sie zu Templates > Popups.
- Klicken Sie auf Neues Popup hinzufügen um eine neue Popup-Vorlage zu erstellen.
- Benennen und erstellen Sie Ihre Popup-Vorlage
- Give your popup a relevant name, such as “Abonnement Popup” then click Vorlage erstellen.
- 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.
- 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.
- Konfigurieren von Formularübermittlungs-Aktionen
- Update the form’s submit button text to something engaging, like “Subscribe Now” or “Get Updates.”
- In der Aktionen nach dem Absenden Abschnitt, wählen Sie E-Mail oder MailChimp (if you’re using MailChimp for email marketing).
- Passen Sie die Aktionen nach der Übermittlung an, z. B. das Senden einer Dankesnachricht oder das Hinzufügen eines Erfolgsmeldung.
- Gestalten Sie Ihr Popup
- Use Elementor’s styling options to customize the form’s colors, Schriftarten, und Abstände to match your website’s branding.
- To draw attention, add a headline such as “Stay Updated!” or “Abonnieren Sie die neuesten Nachrichten. “
- Speichern und veröffentlichen Sie das Popup
- Once you’re happy with the design, click veröffentlichen. You’ll now be prompted to configure the popup’s display settings.
Schritt 2: Konfigurieren Sie die Anzeige- und Auslöseeinstellungen für das Popup
- 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.
- Auslöser konfigurieren
- Turn off any automatic triggers (like “On Page Load” or “On Scroll”). This step ensures that the popup only appears when the user clicks a designated link or button.
- 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
- 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.
- Fügen Sie einen Link oder eine Schaltfläche für den Popup-Auslöser hinzu
- Einfügen Schaltfläche or a text link widget to serve as the popup trigger. Use engaging text like “Sign Up Now” or “Subscribe for Updates.”
- 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.
- 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 Actions > Popup aus der Dropdown-Liste.
- 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.
- Speichern Sie Ihre Änderungen
- Klicken Sie auf Update um Ihre Änderungen an der Seite zu speichern.
Schritt 4: Testen Sie das Popup
- 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.
- 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 the popup’s advanced settings, you can add entrance and exit animations (such as fade-in or slide-in) to make the popup appear smoother and more engaging.
- Optimieren Sie für Mobile: Switch to mobile view in the Elementor editor and adjust the popup’s design for mobile screens to ensure a seamless experience for mobile users.
- 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.