{"id":5204,"date":"2024-11-01T16:33:48","date_gmt":"2024-11-01T08:33:48","guid":{"rendered":"https:\/\/www.openbyt.com\/?p=5204"},"modified":"2024-11-01T16:33:48","modified_gmt":"2024-11-01T08:33:48","slug":"how-to-create-an-effective-click-triggered-subscription-popup-in-elementor","status":"publish","type":"post","link":"https:\/\/www.openbyt.com\/de\/wie-man-ein-effektives-klickgesteuertes-abonnement-popup-in-elementor-erstellt","title":{"rendered":"Wie man ein effektives klickgesteuertes Abonnement-Popup in Elementor erstellt"},"content":{"rendered":"

Ein Abonnement-Popup, das durch einen Klick ausgel\u00f6st wird, kann die E-Mail-Anmeldungsrate auf Ihrer Website effektiv erh\u00f6hen 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\u00f6nnen. Popup-Fenster f\u00fcr Abonnements<\/strong>. Diese Anleitung f\u00fchrt Sie durch die einzelnen Schritte, um ein Abonnement-Popup zu erstellen, das nur erscheint, wenn Benutzer auf einen bestimmten Link oder eine Schaltfl\u00e4che klicken.<\/p>

\"\"<\/figure><\/div>

Einf\u00fchrung<\/h3>

Anmelde-Popups k\u00f6nnen eine gro\u00dfartige M\u00f6glichkeit sein, Besucher anzusprechen und sie zu ermutigen, sich f\u00fcr Ihren Newsletter, Werbeaktionen oder Updates anzumelden. Im Gegensatz zu automatisch ausgel\u00f6sten Popups, die das Benutzererlebnis unterbrechen k\u00f6nnen, \u00f6ffnet sich ein klickausgel\u00f6stes Popup erst, wenn der Benutzer bereit ist, es zu sehen. Das macht es benutzerfreundlicher und erh\u00f6ht die Wahrscheinlichkeit einer Konversion. Sehen wir uns an, wie Sie in Elementor ein Abonnement-Popup erstellen k\u00f6nnen, das sich beim Klicken auf einen Link oder eine Schaltfl\u00e4che \u00f6ffnet.<\/p>

Schritt 1: Erstellen Sie die Popup-Vorlage f\u00fcr das Abonnement<\/h3>
  1. Zugriffselement oder Popup-Vorlagen<\/strong>
    • Melden Sie sich in Ihrem WordPress-Dashboard an und navigieren Sie zu Vorlagen > Popups<\/strong>.<\/li>\n\n
    • Klicken Sie auf Neues Popup hinzuf\u00fcgen<\/strong> um eine neue Popup-Vorlage zu erstellen.<\/li><\/ul><\/li><\/ol>
      \"\"<\/figure>
      1. Benennen und erstellen Sie Ihre Popup-Vorlage<\/strong>
        • Geben Sie Ihrem Popup einen aussagekr\u00e4ftigen Namen, wie z.B. \"Abonnement Popup<\/strong><\/mark>\" und klicken Sie dann auf Vorlage erstellen<\/strong>.<\/li><\/ul><\/li><\/ol>
          \"\"<\/figure><\/div>
          1. W\u00e4hlen oder gestalten Sie Ihr Popup-Layout<\/strong>
            • Elementor zeigt Ihnen eine Vielzahl von vorgefertigten Popup-Vorlagen. W\u00e4hlen Sie eine aus, die Ihren Bed\u00fcrfnissen entspricht, oder beginnen Sie mit einer leere Vorlage<\/mark>.<\/li>\n\n
            • Klicken Sie auf einf\u00fcgen<\/strong> um die ausgew\u00e4hlte Vorlage im Elementor-Editor zu \u00f6ffnen. Ein Klick auf das \"x<\/strong>\" f\u00fchrt Sie zu einer leeren Vorlagenseite.<\/li><\/ul><\/li><\/ol>
              \"\"<\/figure><\/div>
              1. Abonnement-Formular hinzuf\u00fcgen<\/strong>
                • Ziehen Sie die Formular<\/strong> Widget<\/mark> in das Popup-Fenster ein, um ein Abonnementformular hinzuzuf\u00fcgen.<\/li>\n\n
                • Konfigurieren Sie die Formularfelder so, dass sie die notwendigen Informationen erfassen, typischerweise:
                  • Name<\/strong> (optional) - f\u00fcr ein noch pers\u00f6nlicheres Erlebnis.<\/li>\n\n
                  • E-Mail<\/strong> (erforderlich) - als Hauptinformation f\u00fcr ein Abonnement.<\/li><\/ul><\/li>\n\n
                  • Halten Sie es einfach mit einem einfachen E-Mail-Feld, um die Wahrscheinlichkeit einer Anmeldung zu erh\u00f6hen.<\/li><\/ul><\/li><\/ol>
                    \"\"<\/figure><\/div>
                    1. Konfigurieren von Formular\u00fcbermittlungs-Aktionen<\/strong>
                      • Aktualisieren Sie den Text der Schaltfl\u00e4che zum Absenden des Formulars auf etwas Ansprechendes, wie \"Jetzt abonnieren\" oder \"Updates erhalten\".<\/li>\n\n
                      • In der Aktionen nach dem Absenden<\/strong> Abschnitt, w\u00e4hlen Sie E-Mail<\/strong> oder MailChimp<\/strong> (wenn Sie MailChimp f\u00fcr Ihr E-Mail-Marketing verwenden).<\/li>\n\n
                      • Passen Sie die Aktionen nach der \u00dcbermittlung an, z. B. das Senden einer Dankesnachricht oder das Hinzuf\u00fcgen eines Erfolgsmeldung<\/strong>.<\/li><\/ul><\/li><\/ol>
                        \"\"<\/figure><\/div>
                        \"\"
                        Benachrichtigung senden<\/figcaption><\/figure><\/div>
                        \"\"\/<\/figure>
                        1. Gestalten Sie Ihr Popup<\/strong>
                          • Verwenden Sie die Styling-Optionen von Elementor, um die die Farben des Formulars<\/strong>, Schriftarten<\/strong>, und Abst\u00e4nde<\/strong> die zum Branding Ihrer Website passen.<\/li>\n\n
                          • Um Aufmerksamkeit zu erregen, f\u00fcgen Sie eine \u00dcberschrift wie \"Bleiben Sie auf dem Laufenden!\" oder \"Abonnieren Sie die neuesten Nachrichten<\/strong>. “<\/li><\/ul><\/li><\/ol>
                            \"\"<\/figure>
                            \"\"<\/figure>
                            1. Speichern und ver\u00f6ffentlichen Sie das Popup<\/strong>
                              • Wenn Sie mit dem Entwurf zufrieden sind, klicken Sie auf ver\u00f6ffentlichen<\/strong>. Sie werden nun aufgefordert, die Anzeigeeinstellungen f\u00fcr das Popup zu konfigurieren.<\/li><\/ul><\/li><\/ol>

                                Schritt 2: Konfigurieren Sie die Anzeige- und Ausl\u00f6seeinstellungen f\u00fcr das Popup<\/h3>
                                1. Anzeigebedingungen festlegen<\/strong>
                                  • Klicken Sie auf Bedingung hinzuf\u00fcgen<\/strong> und w\u00e4hlen Sie Gesamte Website<\/strong> oder eine bestimmte Seite, auf der das Popup zug\u00e4nglich sein soll.<\/li><\/ul><\/li><\/ol>
                                    \"\"<\/figure><\/div><\/div>\n\n
                                    \"\"<\/figure><\/div><\/div>
                                    1. Ausl\u00f6ser konfigurieren<\/strong>
                                      • Deaktivieren Sie alle automatischen Ausl\u00f6ser (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\u00e4che klickt.<\/li><\/ul><\/li><\/ol>
                                        \"\"<\/figure><\/div>
                                        1. Display-Einstellungen speichern<\/strong>
                                          • Best\u00e4tigen Sie Ihre Einstellungen, indem Sie auf Speichern & Schlie\u00dfen<\/strong>.<\/li><\/ul><\/li><\/ol>

                                            Schritt 3: Erstellen Sie den Link oder die Schaltfl\u00e4che zum Ausl\u00f6sen des Popups<\/h3>
                                            1. Bearbeiten Sie die Seite oder den Beitrag, in dem Sie den Link w\u00fcnschen<\/strong>
                                              • \u00d6ffnen Sie die Seite oder den Beitrag, zu dem Sie den Trigger-Link oder die Schaltfl\u00e4che in Elementor hinzuf\u00fcgen m\u00f6chten.<\/li><\/ul><\/li>\n\n
                                              • F\u00fcgen Sie einen Link oder eine Schaltfl\u00e4che f\u00fcr den Popup-Ausl\u00f6ser hinzu<\/strong>
                                                • Einf\u00fcgen Schaltfl\u00e4che<\/strong> oder ein Textlink-Widget, das als Ausl\u00f6ser f\u00fcr das Popup dient. Verwenden Sie einen ansprechenden Text wie \"Jetzt anmelden\" oder \"F\u00fcr Updates abonnieren\".<\/li>\n\n
                                                • Sie k\u00f6nnen den Popup-Ausl\u00f6ser an ein Bild, ein Symbol oder ein anderes klickbares Element anh\u00e4ngen, um ein individuelles Aussehen zu erzielen.<\/li><\/ul><\/li><\/ol>
                                                  \"\"<\/figure>
                                                  1. Legen Sie die Ausl\u00f6seaktion zum \u00d6ffnen des Popups fest<\/strong>
                                                    • W\u00e4hlen Sie den Link oder die Schaltfl\u00e4che, und gehen Sie zu Link Einstellungen<\/strong> im Elementor-Editor.<\/li>\n\n
                                                    • Setzen Sie den Link-Typ auf Dynamische Tags<\/strong>, w\u00e4hlen Sie dann Aktionen > Popup<\/strong> aus der Dropdown-Liste.<\/li><\/ul><\/li><\/ol>
                                                      \"\"<\/figure><\/div>\n\n
                                                      \"\"<\/figure><\/div><\/div>
                                                      1. W\u00e4hlen Sie die Popup-Aktion und den Namen<\/strong>
                                                        • W\u00e4hlen Sie Popup \u00f6ffnen<\/strong> als Aktion und w\u00e4hlen Sie den Namen des Abonnement-Popups, das Sie zuvor erstellt haben.<\/li>\n\n
                                                        • Sie k\u00f6nnen auch eine Aktion zum Schlie\u00dfen des Popups festlegen, wenn Sie m\u00f6chten, dass die Benutzer das Popup manuell schlie\u00dfen k\u00f6nnen.<\/li><\/ul><\/li><\/ol>
                                                          \"\"<\/figure><\/div>
                                                          1. Speichern Sie Ihre \u00c4nderungen<\/strong>
                                                            • Klicken Sie auf Update<\/strong> um Ihre \u00c4nderungen an der Seite zu speichern.<\/li><\/ul><\/li><\/ol>

                                                              Schritt 4: Testen Sie das Popup<\/h3>
                                                              1. Vorschau der Seite<\/strong>
                                                                • Besuchen Sie die Seite, auf der Sie den Popup-Ausl\u00f6ser hinzugef\u00fcgt haben, klicken Sie auf den Link oder die Schaltfl\u00e4che und stellen Sie sicher, dass das Abonnement-Popup korrekt angezeigt wird.<\/li><\/ul><\/li><\/ol>