![\"\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\n\t\t\t\t\t\t<\/p>\n
M\u00f6chten Sie in WordPress ein \u00fcbersichtliches, mehrstufiges Formular erstellen, das gut aussieht und sich gut konvertieren l\u00e4sst?<\/p>\n
Die Aufteilung eines Formulars in mehrere Seiten tr\u00e4gt dazu bei, das Engagement zu steigern und die Benutzererfahrung zu verbessern. Gleichzeitig wird Formularm\u00fcdigkeit entgegengewirkt, sodass Sie mehr Formularkonvertierungen erzielen.<\/p>\n
In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ein mehrstufiges Formular erstellen.<\/p>\n
Hier ist ein Inhaltsverzeichnis der Schritte, wenn Sie fortfahren m\u00f6chten:<\/p>\n
Fragen Sie sich zun\u00e4chst einmal, was ein mehrstufiges Formular ist? Dabei wird Ihr Formular einfach in mehrere Seiten oder Schritte unterteilt, sodass es kein einziges langes Formular ist.<\/p>\n
Und obwohl Sie Ihrem WordPress-Formular weitere Schritte hinzuf\u00fcgen, kann die Verwendung eines mehrstufigen Formulars (auch bekannt als mehrteiliges oder mehrseitiges Formular) auf Ihrer WordPress-Website die Konvertierungsrate Ihres Formulars erh\u00f6hen. Website, insbesondere wenn das Formular mehr als 3 hat Formularfelder.<\/p>\n
Tats\u00e4chlich verzeichnete WhatIsMyComfortZone.com nach der Aufteilung eines einst einstufigen Landingpage-Formulars in WordPress in mehrere Schritte tats\u00e4chlich 53 % der Website-Besucher, die konvertierten und zu Leads wurden, selbst wenn das Formular in viele Schritte unterteilt war.<\/p>\n
![\"Erh\u00f6hen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.jpg\")
<\/p>\n
Und da sie in jedem Formular die gleichen Fragen stellten, war es sinnvoll, dass von da an alle langen Formulare auf ihrer Website zu mehrstufigen Formularen wurden.<\/p>\n
Hier sind einige weitere Gr\u00fcnde, die Erstellung eines mehrstufigen Formulars in WordPress in Betracht zu ziehen:<\/p>\n
Schauen wir uns also an, wie man in WordPress ein mehrstufiges Formular erstellt.<\/p>\n
Wenn Sie nach einem mehrstufigen Elementor-Formular suchen, lesen Sie dieses Tutorial und erfahren Sie, wie Sie WPForms ein Elementor-Formular hinzuf\u00fcgen.<\/p>\n
Sehen Sie sich das Video oben an, wenn Sie sich fragen, wie Sie mit einem Plugin ein mehrstufiges Formular erstellen. Wenn Sie schriftliche Anweisungen bevorzugen, lesen Sie weiter unten.<\/p>\n
Und wenn Sie nach dem besten kostenlosen Kontaktformular-Plugin suchen, lesen Sie unbedingt unseren Beitrag zum Vergleich von WPForms Lite und Contact Form 7.<\/p>\n
Als Erstes m\u00fcssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen zum Einrichten dieses Formularerstellers finden Sie in dieser Schritt-f\u00fcr-Schritt-Anleitung zur Installation eines Plugins in WordPress.<\/p>\n
Dann geh zu WPForms \u00bb Neu hinzuf\u00fcgen<\/strong> um ein neues Formular zu erstellen.<\/p>\n Mit WPForms k\u00f6nnen Sie jedes Formular in mehrere Teile oder Schritte aufteilen. F\u00fcr unser Beispiel erstellen wir ein einfaches Kontaktformular.<\/p>\n Geben Sie Ihrem Formular auf dem Einstellungsbildschirm einen Namen und w\u00e4hlen Sie die Vorlage aus, die Sie verwenden m\u00f6chten, abh\u00e4ngig von der Art des Formulars, das Sie erstellen. Wir werden uns f\u00fcr die einfache Kontaktformularvorlage entscheiden.<\/p>\n WPForms erstellt ein einfaches Kontaktformular im Drag-and-Drop-Builder.<\/p>\n Von diesem Formularerstellungsbereich aus k\u00f6nnen Sie zus\u00e4tzliche Felder zu Ihrem Kontaktformular hinzuf\u00fcgen, indem Sie sie vom linken Bereich in den rechten Bereich ziehen.<\/p>\n Mit der einfachen Kontaktformularvorlage haben Sie bereits das Name<\/strong>, Email<\/strong>Und Kommentar oder Nachricht<\/strong> Formularfelder.<\/p>\n Klicken Sie auf eines der Formularfelder, um \u00c4nderungen vorzunehmen. Sie k\u00f6nnen auch auf ein Formularfeld klicken und es ziehen, um die Reihenfolge in Ihrem Kontaktformular neu anzuordnen.<\/p>\n Wenn Sie etwas komplexeres als ein einfaches Kontaktformular erstellen m\u00f6chten, schauen Sie sich einige unserer anderen Tutorials an, die vorgefertigte Vorlagen verwenden, die mit WPForms geliefert werden:<\/p>\n Diese Formulare sind in der Regel viel l\u00e4nger als ein einfaches Kontaktformular und erfordern wahrscheinlich mehrere Schritte zum Ausf\u00fcllen, wenn Sie viele Informationen anfordern.<\/p>\n Sehen wir uns nun an, wie Sie Ihr Formular in mehrere Teile aufteilen.<\/p>\n Nachdem Sie alle Formularfelder in Ihrem Formular hinzugef\u00fcgt und angepasst haben, m\u00fcssen Sie das hinzuf\u00fcgen Seitenumbruch<\/strong> F\u00fcgen Sie Ihrer Website ein Formularfeld hinzu, um es in verschiedene Seiten aufzuteilen.<\/p>\n Ziehen Sie dazu die Seitenumbruch<\/strong> Formularfeld, gelegen in Luxusfelder<\/strong>vom linken Feld zum rechten Feld.<\/p>\n Platzieren Sie das Feld an der Stelle, an der das Formular geteilt werden soll.<\/p>\n Tun Sie dies \u00fcberall dort, wo Ihr Formular auf eine andere Seite aufgeteilt werden soll. Von dort aus k\u00f6nnen Sie zus\u00e4tzliche Formularfelder hinzuf\u00fcgen, um Ihr Formular zu vervollst\u00e4ndigen.<\/p>\n Mit WPForms k\u00f6nnen Sie so viele Formularseiten erstellen, wie Sie m\u00f6chten. Denken Sie jedoch daran, Ihre Benutzer nicht zu \u00fcberfordern. Sammeln Sie nur die Informationen, die Sie ben\u00f6tigen. Sie k\u00f6nnen sp\u00e4ter jederzeit weitere Informationen einholen.<\/p>\n Abh\u00e4ngig von Ihren Anforderungen m\u00f6chten Sie m\u00f6glicherweise eine Fortschrittsanzeige anzeigen, um Benutzer \u00fcber die verschiedenen Abschnitte Ihres Formulars zu informieren. Auf diese Weise wissen sie immer, wo sie sich in ihrem Formular befinden und wie viel sie noch ausf\u00fcllen m\u00fcssen, bevor sie anhand der Fortschrittsbalken auf \u201eSenden\u201c klicken.<\/p>\n Um Ihnen die Arbeit zu erleichtern, verf\u00fcgt WPForms \u00fcber drei verschiedene Anzeigeleisten im Breadcrumb-Stil f\u00fcr Ihre mehrstufigen Formulare:<\/p>\n Um den Fortschrittsbalken und den Seitentitel auf der ersten Seite Ihres mehrstufigen Formulars anzupassen, klicken Sie auf Erste Seite<\/strong> Bruchabschnitt.<\/p>\n Im Formulareditor wird ein neues Bedienfeld angezeigt, in dem Sie ausw\u00e4hlen k\u00f6nnen, welchen Fortschrittsbalken Sie verwenden m\u00f6chten. Hier k\u00f6nnen Sie auch die Farbe der Fortschrittsanzeige \u00e4ndern.<\/p>\n Sie k\u00f6nnen auch den Seitentitel \u00e4ndern, um Benutzern mitzuteilen, an welcher Stelle im Formular sie sich befinden, wenn Sie Folgendes ausw\u00e4hlen Kreise<\/strong> entweder Anschl\u00fcsse<\/strong> M\u00f6glichkeit. Andernfalls sehen Benutzer nur einen Standard-Fortschrittsbalken, der sie durch die Anzahl der verbleibenden Schritte im mehrstufigen Formular f\u00fchrt.<\/p>\n Klicken Sie auf, um den Titel der n\u00e4chsten Seite und die Schaltfl\u00e4che, die Website-Besucher zur n\u00e4chsten Seite Ihres Formulars weiterleitet, anzupassen Seitenumbruch<\/strong> Abschnitt, den Sie erstellt haben, als Sie den Seitenumbruch zu Ihrem Formular hinzugef\u00fcgt haben.<\/p>\n Sie k\u00f6nnen auch die Funktion aktivieren, mit der Sie Website-Besuchern a anzeigen k\u00f6nnen Ehemalig<\/strong> Seitenschaltfl\u00e4che. Auf diese Weise k\u00f6nnen sie bei Bedarf zur vorherigen Seite ihres Formulars zur\u00fcckkehren.<\/p>\n Dabei haben Sie auch die M\u00f6glichkeit, die Schaltfl\u00e4chenkopie zu \u00e4ndern.<\/p>\n Wenn Sie alle Seitenumbr\u00fcche erstellt und die Fortschrittsanzeige angepasst haben, klicken Sie auf Speichern<\/strong>.<\/p>\n Um zu beginnen, gehen Sie zu Einstellungen<\/strong> \u00bb Allgemein<\/strong>.<\/p>\n Hier k\u00f6nnen Sie Folgendes konfigurieren:<\/p>\n Wenn Sie fertig sind, klicken Sie auf Speichern<\/strong>.<\/p>\n Benachrichtigungen sind eine gro\u00dfartige M\u00f6glichkeit, jedes Mal eine E-Mail zu senden, wenn ein Formular auf Ihrer Website gesendet wird.<\/p>\n Sofern Sie diese Funktion nicht deaktivieren, erhalten Sie jedes Mal, wenn jemand ein mehrstufiges Formular auf Ihrer Website sendet, eine Benachrichtigung \u00fcber die \u00dcbermittlung.<\/p>\n Wenn Sie Smart Tags verwenden, k\u00f6nnen Sie beim Absenden eines Formulars auch eine Benachrichtigung an die E-Mail-Adresse des Benutzers senden, um ihn dar\u00fcber zu informieren, dass Sie das Formular erhalten haben und sich in K\u00fcrze mit Ihnen in Verbindung setzen. Dies stellt den Besuchern der Website sicher, dass ihr Formular korrekt verarbeitet wurde.<\/p>\n Es wird auch gesch\u00e4tzt, wenn es um mehrseitige Formulare geht, deren Ausf\u00fcllen m\u00f6glicherweise lange gedauert hat. Das Letzte, was sich ein Website-Besucher fragen m\u00f6chte, ist, ob das lange Formular, das er gerade ausgef\u00fcllt hat, vollst\u00e4ndig ausgef\u00fcllt wurde.<\/p>\n Hilfe zu diesem Schritt finden Sie in unserer Dokumentation zum Einrichten von Formularbenachrichtigungen in WordPress.<\/p>\n Wenn Sie das Branding in Ihren E-Mails konsistent beibehalten m\u00f6chten, lesen Sie au\u00dferdem diese Anleitung zum Hinzuf\u00fcgen einer benutzerdefinierten Kopfzeile zu Ihrer E-Mail-Vorlage.<\/p>\n Formularbest\u00e4tigungen sind Nachrichten, die Website-Besuchern angezeigt werden, sobald sie ein Formular auf Ihrer Website absenden. Sie teilen den Leuten mit, dass ihr Formular bearbeitet wurde, und bieten Ihnen die M\u00f6glichkeit, ihnen die n\u00e4chsten Schritte mitzuteilen.<\/p>\n Auch dies ist insbesondere dann n\u00fctzlich, wenn Sie auf Ihrer Website mit langen Formularen arbeiten.<\/p>\n WPForms bietet drei Best\u00e4tigungstypen zur Auswahl:<\/p>\n Sehen wir uns an, wie Sie in WPForms eine einfache Formularbest\u00e4tigung einrichten, damit Sie die Nachricht anpassen k\u00f6nnen, die Website-Besucher sehen, wenn sie ein Formular auf Ihrer Website senden.<\/p>\n Um zu beginnen, klicken Sie auf Best\u00e4tigung<\/strong> Registerkarte im Formulareditor in Einstellungen<\/strong>.<\/p>\n W\u00e4hlen Sie als N\u00e4chstes den Best\u00e4tigungstyp aus, den Sie erstellen m\u00f6chten. F\u00fcr dieses Beispiel werden wir ausw\u00e4hlen Nachricht<\/strong>.<\/p>\n Passen Sie dann die Best\u00e4tigungsnachricht nach Ihren W\u00fcnschen an und klicken Sie Speichern<\/strong>.<\/p>\n Hilfe zu anderen Best\u00e4tigungstypen finden Sie in der Dokumentation zum Konfigurieren von Formularbest\u00e4tigungen.<\/p>\n Sie k\u00f6nnen nun Ihr Kontaktformular zu Ihrer Website hinzuf\u00fcgen.<\/p>\n Sobald Sie Ihr mehrstufiges Formular erstellt haben, m\u00fcssen Sie es Ihrer WordPress-Website hinzuf\u00fcgen.<\/p>\n Mit WPForms k\u00f6nnen Sie Ihre Formulare an verschiedenen Stellen Ihrer Website hinzuf\u00fcgen, einschlie\u00dflich Ihrer Seiten, Blog-Beitr\u00e4ge und Seitenleisten-Widgets.<\/p>\n Werfen wir einen Blick auf die gebr\u00e4uchlichste Platzierungsoption: Seiten-\/Beitragseinbettung.<\/p>\n Erstellen Sie zun\u00e4chst eine neue Seite oder einen neuen Beitrag in WordPress oder aktualisieren Sie die Einstellungen einer vorhandenen Seite. Klicken Sie anschlie\u00dfend in den ersten Block (den leeren Bereich unter Ihrem Seitentitel) und klicken Sie auf das Symbol \u201eWPForms hinzuf\u00fcgen\u201c.<\/p>\n Das WPForms-Widget wird in Ihrem Block angezeigt. Klicken Sie auf das Dropdown-Men\u00fc \u201eWPForms\u201c und w\u00e4hlen Sie aus, welche der bereits erstellten Formulare Sie auf Ihrer Seite einbetten m\u00f6chten. W\u00e4hlen Sie das gerade erstellte Formular aus.<\/p>\n Ver\u00f6ffentlichen Sie dann Ihren Beitrag oder Ihre Seite, damit Ihr Kontaktformular auf Ihrer Website erscheint.<\/p>\n Klicken Sie anschlie\u00dfend oben rechts auf die blaue Schaltfl\u00e4che \u201eVer\u00f6ffentlichen\u201c oder \u201eAktualisieren\u201c, damit Ihr Formular auf Ihrer Website angezeigt wird.<\/p>\n Und da haben Sie es! Jetzt wissen Sie, wie Sie in WordPress ein mehrstufiges Formular erstellen und k\u00f6nnen sofort damit beginnen, Ihr Benutzererlebnis und Ihre Conversion-Rate zu verbessern.<\/p>\n Wenn Sie Inspiration f\u00fcr mehrseitige Formulare suchen, sehen Sie sich diese Zusammenfassung von Beispielen f\u00fcr mehrstufige Formulare an.<\/p>\n Also, worauf wartest Du? Beginnen Sie noch heute mit dem besten mehrstufigen Formularersteller f\u00fcr WordPress.<\/p>\n Und vergessen Sie nicht: Wenn Ihnen dieser Artikel gef\u00e4llt, folgen Sie uns weiter Facebook Und Twitter.<\/p>\n ","protected":false},"excerpt":{"rendered":" M\u00f6chten Sie in WordPress ein \u00fcbersichtliches, mehrstufiges Formular erstellen, das gut aussieht und sich gut konvertieren l\u00e4sst? Die Aufteilung eines Formulars in mehrere Seiten tr\u00e4gt dazu bei, das Engagement zu steigern und die Benutzererfahrung zu verbessern. Gleichzeitig wird Formularm\u00fcdigkeit entgegengewirkt, sodass Sie mehr Formularkonvertierungen erzielen. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress […]<\/p>\n","protected":false},"author":1,"featured_media":856600,"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\/45-in-2023-768x433-1.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/856599"}],"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=856599"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/856599\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/856600"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=856599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=856599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=856599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Einfache](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/Como-crear-un-formulario-de-WordPress-con-un-selector-de.png\")
<\/p>\n![\"Einfaches](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1635123039_919_%C2%A1NUEVO-Como-crear-una-pagina-de-destino-en-WordPress-Easy.png\")
<\/p>\nSchritt 2: Teilen Sie Ihr Formular in verschiedene Teile auf<\/h3>\n
![\"Seitenumbruch](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.gif\")
<\/p>\nSchritt 3 \u2013 Passen Sie die Fortschrittsleiste f\u00fcr mehrseitige Formulare an<\/h3>\n
\n
![\"WPForms-Fortschrittsbalken\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1631557209_935_Como-configurar-un-formulario-de-voluntariado-en-WordPress-facilmente.png\")
<\/p>\n![\"Klicken](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059187_727_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\n![\"Mehrstufiges](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059187_130_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\n![\"Passen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059188_491_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\n![\"Kopie](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059188_470_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\nSchritt 4: Konfigurieren Sie Ihre mehrstufigen Formulareinstellungen<\/h3>\n
![\"Einrichtung](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059189_957_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\n\n
Schritt 5: Richten Sie Ihre Formularbenachrichtigungen ein<\/h3>\n
![\"Benachrichtigungen\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059189_714_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.png\")
<\/p>\n![\"Benutzerdefinierter](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/Como-configurar-un-formulario-de-voluntariado-en-WordPress-facilmente.jpg\")
<\/p>\nSchritt 6 \u2013 Passen Sie Ihre Formularbest\u00e4tigungen an<\/h3>\n
\n
![\"Mehrstufiges](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059190_608_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.jpg\")
<\/p>\nSchritt 7 \u2013 F\u00fcgen Sie Ihr mehrstufiges Formular zu Ihrer WordPress-Website hinzu<\/h3>\n
![\"F\u00fcgen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/How-to-Create-a-WordPress-Form-with-Multiple-File-Uploads.jpg\")
<\/p>\n![\"W\u00e4hlen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059191_563_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.jpg\")
<\/p>\n![\"Speichern](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1636059191_839_Principiantes-como-crear-un-formulario-de-varios-pasos-en-WordPress.jpg\")
<\/p>\nSchauen Sie sich unten die Beispiele f\u00fcr mehrstufige Formulare an<\/h3>\n