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.

Schritt -> 2  #

Klick auf das  Formular bearbeiten Klicken Sie auf die Schaltfläche links, um ein Fenster zum Erstellen eines Formulars zu öffnen.

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

Schritt -> 4  #

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

Schritt -> 5  #

Erstellen Sie nun Ihr Formular mit beliebigen Widgets

Schritt -> 6  #

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

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.

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.

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 um diesem Abschnitt/Tab einen richtigen Namen und ein Symbol zu geben

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.

Schritt -> 11 #

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

Schritt -> 12 #

Jetzt ist es an der Zeit, die Mehrschrittfunktion zu aktivieren. Gehen Sie dazu zu „Inhalt“ ⇒ „Mehrschritteinstellungen“ und bearbeiten Sie die folgenden Einstellungen:

• 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.

Step-> 13 #

Klicken Sie abschließend auf „Aktualisieren“, um zu speichern.

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