Mehrstufiges Formular (Pro)

Loslegen #

Mit Metform können Sie ganz einfach ein langes Formular erstellen. Erstellen Sie jetzt ganz einfach mehrstufige WordPress-Formulare mithilfe beliebiger Widgets.

Sehen Sie sich die Videoanleitung zum Hinzufügen des mehrstufigen Elementor-Formulars an:

Oder befolgen Sie die Schritt-für-Schritt-Anleitung unten, um ein mehrstufiges WordPress-Formular hinzuzufügen:

Schritt -> 1  #

Suche das Metform Widget und ziehen Sie es in den Widget-Platzierungsbereich.

Verwenden Sie MetForm, um ein mehrstufiges Formular hinzuzufügen

Schritt -> 2  #

Klick auf das  Formular bearbeiten button on the left to open a window to create a form with WordPress multistep form builder.

How to create multi-step forms with MetForm, a WordPress multistep form builder

Schritt -> 3 #

Wählen Neu um ein neues Formular zu erstellen. Geben Sie an Titel. Jetzt können Sie eine leere Vorlage auswählen und auf klicken Formular bearbeiten.

Erstellen Sie ein neues Formular mit MetForm

Schritt -> 4  #

Klicken Sie auf die Schaltfläche „Plus“, um einen neuen Abschnitt hinzuzufügen.

Wählen Sie das Layout, um mit MetForm ein mehrstufiges WordPress-Formular zu erstellen

Schritt -> 5  #

Erstellen Sie nun Ihr Formular mit beliebigen Widgets

Ziehen Sie Felder per Drag-and-Drop, um daraus mehrere Schritte zu erstellen

Schritt -> 6  #

Ziehen Sie die Datei per Drag-and-Drop Nächster Schritt Schaltflächen-Widget.

Ziehen Sie das mehrstufige Formular-Widget per Drag-and-Drop mit MetForm

Schritt -> 7  #

Um den Abschnitt zu benennen. Klicken Sie auf die sechs Punkte, um zu den Einstellungen des Abschnitts zu gelangen. Dann geh zu Layout ⇒ mehrstufig. Hier Ändern Sie den Titel der mehrstufigen Registerkarte und fügen Sie ein Symbol hinzu falls Sie es wollen. Sie können ein Symbol aus der Bibliothek hinzufügen oder ein neues hochladen.

Layoutanpassung eines mehrstufigen Formulars mit MetForm

Schritt -> 8 #

Um einen neuen Schritt/eine neue Phase des Formulars hinzuzufügen, öffnen Sie erneut einen neuen Abschnitt, indem Sie auf das +-Zeichen klicken. 

Hinweis: Denken Sie daran, dass Sie für eine neue Registerkarte/einen neuen Schritt des Formulars einen neuen Abschnitt (nicht den inneren Abschnitt) beginnen müssen.

Fügen Sie Ihrem mehrstufigen Formular einen neuen Schritt hinzu

Schritt -> 9 #

Ziehen Sie nun die Widgets erneut per Drag-and-Drop, um Ihren zweiten Schritt zu erstellen. Danach Fügen Sie die Schaltflächen „Zurück“ und „Weiter“ hinzu. Dann Befolgen Sie Schritt 7 to give a proper name and icon to this section/tab.

Ändern Sie das Layout des mehrstufigen Formulars

Schritt -> 10  #

Wiederholen Sie die Schritte 7,8 und 9, um einen weiteren Schritt des Formulars zu erstellen. Aber dieses Mal hinzufügen Klicken Sie auf die Schaltfläche „Senden“ statt auf „Weiter“. um das mehrstufige Elementor-Formular auszufüllen.

So fügen Sie ein mehrstufiges Formular in WordPress hinzu

Schritt -> 11 #

Klicken Sie abschließend auf „Aktualisieren und schließen“, um den mehrstufigen Formularentwurf zu speichern und zu den Einstellungen zurückzukehren.

Aktualisieren Sie das mehrstufige WordPress-Formulardesign

Schritt -> 12 #

Now it’s time to turn on the multi-step feature. To do that, go to Content ⇒ multistep settings and edit the following settings:

  • Mehrschritt aktivieren: Aktivieren Sie diese Option, um die Mehrschrittoption zu aktivieren. 
  • Adaptive Form-Containerhöhe: Mit dieser Option kann das Formular die Höhe der aktuellen Stufe annehmen.
  • Mehrschrittnavigation anzeigen:  Sie können diese Option deaktivieren, falls Sie die Navigationsoption oben nicht anzeigen möchten.
  • Nach oben scrollen aktivieren: Aktivieren Sie diese Option, um nach oben scrollen zu können.
  • Ausrichtung:  Hier können Sie die Ausrichtung der mehrstufigen Navigation auf links, rechts oder mittig einstellen.
  • Typografie: Sie können Familie, Gewicht, Transformation, Linienhöhe usw. für den Mehrschritt ändern.
  • Polsterung:  Legen Sie den linken, rechten, oberen und unteren Abstand für das mehrstufige Formular fest.
  • Marge: Passen Sie den linken, rechten, oberen und unteren Abstand für das mehrstufige Formular an.
  • Text
    • Normal: Hier können Sie Farbe, Hintergrundfarbe, Rahmentyp, Symbolgröße, Symbolabstand und Symbolgröße für den Normalmodus bearbeiten.
    • Aktiv: Wählen Sie Farbe, Hintergrundfarbe, Rahmentyp, Symbolgröße, Symbolabstand und Symbolgröße für den aktiven Modus.
    • Schweben: Bearbeiten Sie Farbe, Hintergrundfarbe, Rahmentyp, Symbolgröße, Symbolabstand und Symbolgröße für den Hover-Modus.
Erstellen Sie mit MetForm ein mehrstufiges Formular

Schritt -> 13 #

Finally, click on update to save the form with this free WordPress multistep form plugin.

How to add multi-step form with MetForm, the free WordPress multistep form plugin

Hier ist ein von Metfrom erstelltes Beispiel für ein mehrstufiges Formular:

Beispiel für ein mehrstufiges Formular, das mit MetForm erstellt wurde

Was sind deine Gefühle?
Updated on Juni 22, 2025