{"id":861256,"date":"2023-10-01T00:48:01","date_gmt":"2023-10-01T05:48:01","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-ein-popup-registrierungsformular-in-wordpress\/"},"modified":"2023-10-01T00:48:01","modified_gmt":"2023-10-01T05:48:01","slug":"so-erstellen-sie-ein-popup-registrierungsformular-in-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-ein-popup-registrierungsformular-in-wordpress\/","title":{"rendered":"So erstellen Sie ein Popup-Registrierungsformular in WordPress"},"content":{"rendered":"

M\u00f6chten Sie ein Popup-Registrierungsformular auf Ihrer WordPress-Website erstellen?<\/p>\n

Ein Popup-Registrierungsformular ist eine der besten M\u00f6glichkeiten, Ihre Besucher zur Registrierung auf Ihrer Website zu verleiten. Auf diese Weise k\u00f6nnen Sie sie bitten, die Registrierung auf derselben Seite abzuschlie\u00dfen, auf der sie sich befinden, ohne zu einer anderen Seite navigieren zu m\u00fcssen.<\/p>\n

Aber wie erstellt man ein Popup-Registrierungsformular ohne Programmier- oder Designkenntnisse?<\/p>\n

Heute zeigen wir Ihnen, wie Sie mit zwei leistungsstarken Tools ganz einfach ein Popup-Registrierungsformular erstellen:<\/p>\n

    \n
  1. WPForms<\/li>\n
  2. OptinMonster<\/li>\n<\/ol>\n

    Schauen wir uns zun\u00e4chst an, was ein Popup-Registrierungsformular ist und warum Sie eines auf Ihrer WordPress-Site ben\u00f6tigen.<\/p>\n

    Erstellen Sie jetzt ein Popup-Registrierungsformular<\/center><\/p>\n

    Was ist ein Popup-Registrierungsformular?<\/h2>\n

    \u00dcber ein Registrierungsformular m\u00fcssen Besucher Ihrer Website ein Profil mit ihrem Benutzernamen, ihrer E-Mail-Adresse und ihrem Passwort erstellen, um auf bestimmte Teile Ihrer Website zugreifen zu k\u00f6nnen.<\/p>\n

    Nun gibt es einige Gr\u00fcnde, warum Sie m\u00f6glicherweise ein Registrierungsformular zu Ihrer WordPress-Site hinzuf\u00fcgen m\u00fcssen.<\/p>\n

    Erm\u00f6glichen Sie den Menschen:<\/p>\n

      \n
    • Erstellen Sie Profile f\u00fcr einen E-Commerce-Shop<\/li>\n
    • Melden Sie sich f\u00fcr einen Online-Kurs an<\/li>\n
    • Treten Sie einer Mitgliederseite bei<\/li>\n<\/ul>\n

      Leider ist der Registrierungsprozess auf den meisten Websites nicht immer einfach.<\/p>\n

      Vielleicht ist es langsam oder verwirrend. Und wenn Leute nicht weiterkommen, verlassen sie Ihre Website. Ganz zu schweigen davon, dass ein schlecht gestalteter Registrierungsprozess Ihnen Einnahmen kostet.<\/p>\n

      Andererseits zeichnet eine positive User Experience Ihr Unternehmen aus.<\/p>\n

      Hier kommt ein Popup-Registrierungsformular ins Spiel.<\/p>\n

      Ein Popup-Registrierungsformular erm\u00f6glicht es Ihren Website-Besuchern, sich schnell auf Ihrer Website zu registrieren, ohne ihr Surfverhalten zu unterbrechen.<\/p>\n

      Dies ist f\u00fcr Ihre Website-Besucher die einfachste M\u00f6glichkeit, sich auf Ihrer WordPress-Site zu registrieren oder anzumelden.<\/p>\n

      Heute erstellen wir dieses Popup-Registrierungsformular:<\/p>\n

      \"WordPress-Registrierungs-Popup\"<\/p>\n

      So erstellen Sie ein Popup-Registrierungsformular in WordPress<\/h2>\n

      Im heutigen Tutorial erstellen wir mit WPForms und OptinMonster ein Popup-Registrierungsformular in WordPress.<\/p>\n

        \n
      • WPForms ist das beste Formular-Plugin f\u00fcr WordPress. Mit WPForms k\u00f6nnen Sie Ihrer Website voll funktionsf\u00e4hige Formulare hinzuf\u00fcgen, ohne Code schreiben zu m\u00fcssen. Und Sie k\u00f6nnen aus rund 100 Vorlagen w\u00e4hlen.<\/li>\n
      • OptinMonster ist der beste Popup-Builder f\u00fcr WordPress. Mit der Drag-and-Build-Funktion von OptinMonster k\u00f6nnen Sie das Registrierungsformular ganz einfach in das Popup einbetten.<\/li>\n<\/ul>\n

        Im Folgenden gehen wir alle Schritte durch, die Sie zum Einrichten Ihres Popup-Anmeldeformulars ben\u00f6tigen.<\/p>\n

        Erstellen Sie ein Registrierungsformular mit WPForms<\/h3>\n

        Bevor Sie beginnen, m\u00fcssen Sie das WPForms-Plugin installieren und aktivieren.<\/p>\n

        In diesem Artikel finden Sie eine Schritt-f\u00fcr-Schritt-Anleitung zur Installation eines WordPress-Plugins.<\/p>\n

        Sobald Sie das Plugin aktiviert haben, klicken Sie auf WPForms \u00bb Plugins<\/strong>.<\/p>\n

        \"WPForms-Plugin-Men\u00fc\"<\/p>\n

        Auf dem n\u00e4chsten Bildschirm sehen Sie die verf\u00fcgbaren Plugins.<\/p>\n

        Suche Benutzerregistrierungsformular<\/strong>.<\/p>\n

        Klicken PIugin installieren<\/strong>.<\/p>\n

        \"Installieren<\/p>\n

        Die Benutzerregistrierungsvorlage enth\u00e4lt alle Felder, die Sie f\u00fcr ein Popup-Registrierungsformular ben\u00f6tigen:<\/p>\n

          \n
        • Nutzername<\/li>\n
        • Email<\/li>\n
        • Passwort<\/li>\n
        • Kurze Biographie<\/li>\n<\/ul>\n

          Dann klick WPForms \u00bb Neu hinzuf\u00fcgen<\/strong>.<\/p>\n

          \"Neues<\/p>\n

          Sie befinden sich nun im Formularersteller.<\/p>\n

          Suchen und w\u00e4hlen Sie die aus Benutzerregistrierungsformular <\/strong>Vorlage.<\/p>\n

          \"Auswahl<\/p>\n

          Jetzt k\u00f6nnen Sie Ihr Formular anpassen, indem Sie auf der linken Seite des Bildschirms Felder hinzuf\u00fcgen.<\/p>\n

          \"WPForms<\/p>\n

          Klicken Sie dann auf Passwort<\/strong> Feld auf dem Formular. Auch hier sehen Sie die Feldoptionen auf der linken Seite.<\/p>\n

          F\u00fcgen Sie den folgenden Code in das Beschreibungsfeld des ein Passwort<\/strong> Feld:<\/p>\n

          Jetzt k\u00f6nnen Sie Optionen wie das Vergessen des Benutzerpassworts oder die Anmeldung anzeigen, wenn der Besucher bereits ein Konto hat.<\/p>\n

          \"WordPress-Popup-Code<\/p>\n

          Klicken Sie danach Speichern <\/strong>oben im Editor.<\/p>\n

          Dann ausw\u00e4hlen Einbetten<\/strong>.<\/p>\n

          \"WPForms<\/p>\n

          Kopieren Sie den Code. Wir ben\u00f6tigen diesen Code, wenn wir im n\u00e4chsten Schritt unser Popup einrichten.<\/p>\n

          \"WPForms<\/p>\n

          Als n\u00e4chstes ist es an der Zeit, zu OptinMonster zu gehen, um Ihr Popup-Anmeldeformular zu erstellen und anzuzeigen.<\/p>\n

          Erstellen Sie Ihr Popup-Registrierungsformular<\/h3>\n

          Jetzt erstellen wir unser Popup-Registrierungsformular in OptinMonster.<\/p>\n

          Schritt 1: Erstellen Sie eine Popup-Kampagne<\/strong><\/p>\n

          Gehen Sie zun\u00e4chst zu Ihrem OptinMonster-Dashboard.<\/p>\n

          Klicken Neue Kampagne erstellen<\/strong>.<\/p>\n

          \"Erstellen<\/p>\n

          W\u00e4hlen Auftauchen<\/strong>.<\/p>\n

          \"W\u00e4hlen<\/p>\n

          OptinMonster bietet \u00fcber 50 Vorlagen zur Auswahl.<\/p>\n

          Mit Vorlagen k\u00f6nnen Sie viele verschiedene Arten von Kampagnen erstellen, z. B. Folgendes anbieten:<\/p>\n

            \n
          • Inhaltsaktualisierungen f\u00fcr Benutzer basierend auf den Artikeln, die sie lesen.<\/li>\n
          • Rabatte f\u00fcr Online-K\u00e4ufer f\u00fcr die Produkte, die sie suchen<\/li>\n<\/ul>\n

            Alle vorgefertigten Kampagnen von OptinMonster funktionieren nahtlos auf Desktops, Mobilger\u00e4ten und Tablets.<\/p>\n

            \"\u00dcbersicht<\/p>\n

            Heute gehen wir mit Leinwand<\/strong>.<\/p>\n

            Mit Canvas k\u00f6nnen Sie Ihre eigene Kampagne von Grund auf erstellen.<\/p>\n

            \"W\u00e4hlen<\/p>\n

            Geben Sie Ihrer Kampagne einen Namen und weisen Sie ihn Ihrer WordPress-Site zu.<\/p>\n

            \"OptinMonster-Namenskampagne\"<\/p>\n

            Klicken Beginnen Sie mit dem Bau<\/strong> um Ihr Popup zu bearbeiten.<\/p>\n

            Schritt 2: Entwerfen Sie Ihr Popup-Registrierungsformular<\/strong><\/p>\n

            Sie befinden sich nun im Kampagneneditor.<\/p>\n

            Das Anpassen Ihres Popups auf OptinMonster ist einfach.<\/p>\n

            Auf der linken Seite sehen Sie alle Werkzeuge und Bearbeitungsbl\u00f6cke.<\/p>\n

            \"Leinwand<\/p>\n

            Um ein Element zu l\u00f6schen, klicken Sie einfach darauf und w\u00e4hlen Sie L\u00f6schen.<\/p>\n

            \"Entfernen<\/p>\n

            Entfernen wir auch den Rest des Textes aus unserem Formular.<\/p>\n

            \"Entfernen<\/p>\n

            Zu diesem Zeitpunkt haben Sie eine v\u00f6llig leere Leinwand.<\/p>\n

            \"leere<\/p>\n

            Jetzt f\u00fcgen wir unseren WPForms-Einbettungscode hinzu.<\/p>\n

            W\u00e4hlen Bl\u00f6cke<\/strong>.<\/p>\n

            Ziehen Sie nun die HTML<\/strong> Blockieren Sie Ihr Formular.<\/p>\n

            \"F\u00fcgen<\/p>\n

            Geben Sie im Men\u00fc auf der linken Seite Ihren Shortcode ein.<\/p>\n

            \"HTML-Box<\/p>\n

            Der OptinMonster-Editor zeigt nun diesen Shortcode an, aber sobald Ihre Kampagne live geht, wird das Formular angezeigt.<\/p>\n

            \"Canvas<\/p>\n

            Als N\u00e4chstes f\u00fcgen wir unserem Formular eine Kopfzeile hinzu.<\/p>\n

            Klicken Bl\u00f6cke hinzuf\u00fcgen<\/strong> vom oberen Rand Ihres Editors aus.<\/p>\n

            \"Bl\u00f6cke<\/p>\n

            Ziehen Sie den Textblock einfach per Drag & Drop auf Ihr Formular.<\/p>\n

            \"OptinMonster<\/p>\n

            Jetzt k\u00f6nnen Sie Ihrem Formular eine Kopie hinzuf\u00fcgen. Klicken Sie einfach auf Ihren Text, um die Kopie im Builder zu bearbeiten.<\/p>\n

            \"Online-Registrierungsformular<\/p>\n

            Klicken Sie anschlie\u00dfend auf den Shortcode. Dadurch wird die gezogen HTML-Element bearbeiten<\/strong> Werkzeuge auf der linken Seite.<\/p>\n

            W\u00e4hlen Block<\/strong>.<\/p>\n

            \"W\u00e4hle<\/p>\n

            Stellen Sie den Abstand auf die folgenden Werte ein. Dadurch werden Ihre Formularfelder zentriert.<\/p>\n

            \"WordPress-Popup-F\u00fcller<\/p>\n

            Als N\u00e4chstes entwerfen wir unser Popup-Registrierungsformular.<\/p>\n

            Schritt 3: F\u00fcgen Sie CSS zu Ihrem Anmeldeformular hinzu<\/strong><\/p>\n

            F\u00fcgen wir nun benutzerdefiniertes CSS zu Ihrem Registrierungsformular hinzu.<\/p>\n

            Wenn Sie neu bei CSS sind, machen Sie sich keine Sorgen. Sie m\u00fcssen lediglich ein paar Codezeilen kopieren und in Ihren Kampagneneditor einf\u00fcgen.<\/p>\n

            Gehe zu Heim<\/strong> Panel und klicken Sie Bildschirmeinstellungen<\/strong>.<\/p>\n

            \"Einstellungen<\/p>\n

            Kopieren Sie das folgende CSS:<\/p>\n

            F\u00fcgen Sie es in das Feldfeld ein.<\/p>\n

            \"CSS-Feld<\/p>\n

            Schritt 4: Zeigen Sie Ihr Registrierungsformular-Popup an<\/strong><\/p>\n

            Heute verwenden wir einen der leistungsst\u00e4rksten Kampagnenaktivatoren von OptinMonster, Monsterlinks\u2122.<\/p>\n

            Lead Guru konvertierte 81 % seiner Website-Besucher mithilfe von MonsterLinks.<\/p>\n

            Gehe zu Anzeigeregeln<\/strong>.<\/p>\n

            \"Anzeigeregeln<\/p>\n

            Suchen und ausw\u00e4hlen Monsterlinks\u2122 (auf Klick)<\/strong>.<\/p>\n

            \"OptinMonster<\/p>\n

            Dann klick Kopieren Sie den Monsterlinks-Code<\/strong>. Sie k\u00f6nnen diesen Code an einer beliebigen Stelle auf Ihrer WordPress-Site platzieren, um einen anklickbaren Registrierungslink hinzuzuf\u00fcgen.<\/p>\n

            \"Schaltfl\u00e4che<\/p>\n

            Endlich ist es Zeit, Ihre Kampagne zu ver\u00f6ffentlichen.<\/p>\n

            W\u00e4hlen Post<\/strong> vom oberen Rand Ihres Editors aus.<\/p>\n

            Stellen Sie auf dem Ver\u00f6ffentlichungsbildschirm sicher, dass der Kampagnenstatus lautet Live<\/strong>.<\/p>\n

            \"OptinMonster-Ver\u00f6ffentlichungsband\"<\/p>\n

            Stellen Sie auf dem n\u00e4chsten Bildschirm sicher, dass Ihr Kampagnenstatus lautet Live<\/strong>.<\/p>\n

            \"OptinMonster-Post-Bildschirm\"<\/p>\n

            Jetzt m\u00fcssen Sie nur noch Ihr Popup-Formular zu Ihrer WordPress-Site hinzuf\u00fcgen.<\/p>\n

            Schritt 3 \u2013 Benutzerregistrierungsformular zu WordPress hinzuf\u00fcgen<\/h3>\n

            Gehen Sie zu Ihrem WordPress-Dashboard.<\/p>\n

            Klicken OptinMonster<\/strong> von WordPress.<\/p>\n

            \"OptinMonster<\/p>\n

            M\u00f6glicherweise m\u00fcssen Sie Ihre Kampagnen aktualisieren, wenn Ihre Kampagne hier nicht angezeigt wird.<\/p>\n

            \"Aktualisieren<\/p>\n

            Sobald Sie Ihre Kampagne sehen, klicken Sie auf Ausgabeeinstellungen bearbeiten<\/strong>.<\/p>\n

            \"Bearbeiten<\/p>\n

            Klicken Sie unter \u201eWer soll diese Kampagne sehen\u201c auf Zeigen Sie die Kampagne allen Besuchern und Benutzern<\/strong>.<\/p>\n

            \"Bearbeiten<\/p>\n

            F\u00fcgen Sie abschlie\u00dfend Ihren Monsterlinks-Link zu Ihrer Website hinzu.<\/p>\n

            Sie erstellen nun einen anklickbaren Registrierungslink, den Sie an einer beliebigen Stelle auf Ihrer Website platzieren k\u00f6nnen.<\/p>\n

            Jetzt sehen Ihre Website-Besucher dieses Popup, wenn sie auf den Registrierungslink klicken:<\/p>\n

            \"WordPress-Registrierungs-Popup\"<\/p>\n

            Das ist alles.<\/p>\n

            Jetzt haben Sie einen supereinfachen Registrierungsprozess auf Ihrer WordPress-Site eingerichtet.<\/p>\n

            Erstellen Sie jetzt ein Popup-Registrierungsformular<\/center><\/p>\n

            Nachdem Sie nun wissen, wie Sie Popups verwenden, um die Benutzerregistrierung zu vereinfachen, m\u00f6chten Sie vielleicht auch sehen, wie Sie damit die Zahl Ihrer E-Mail-Abonnenten erh\u00f6hen k\u00f6nnen.<\/p>\n

            In diesen Artikeln finden Sie Techniken, mit denen Sie mehr Abonnenten zu Ihrer Mailingliste hinzuf\u00fcgen k\u00f6nnen:<\/p>\n

            Sind Sie bereit, Popups zu nutzen, um Ihr Gesch\u00e4ft auszubauen? Holen Sie sich OptinMonster noch heute.<\/p>\n ","protected":false},"excerpt":{"rendered":"

            M\u00f6chten Sie ein Popup-Registrierungsformular auf Ihrer WordPress-Website erstellen? Ein Popup-Registrierungsformular ist eine der besten M\u00f6glichkeiten, Ihre Besucher zur Registrierung auf Ihrer Website zu verleiten. Auf diese Weise k\u00f6nnen Sie sie bitten, die Registrierung auf derselben Seite abzuschlie\u00dfen, auf der sie sich befinden, ohne zu einer anderen Seite navigieren zu m\u00fcssen. Aber wie erstellt man ein […]<\/p>\n","protected":false},"author":1,"featured_media":861257,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/6-1.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/861256"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=861256"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/861256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/861257"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=861256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=861256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=861256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}