MetForm lets you create a lengthy form with great ease. Now, you can create WordPress Multi-Step Forms easily by using any widgets.
Breaking down long, overwhelming forms into simple, manageable steps is quicker now, with customizable Next, Previous, and Submit navigation.

Se videoguiden for at tilføje Elementor flertrinsformular:

Eller følg trin-for-trin-vejledningen nedenfor for at tilføje en WordPress flertrinsformular:

Formular med flere trin #

Pre-requisite: To create a WordPress multi-step form, you need to have the following plugins installed in your WordPress site.

• Elementor: Download plugin
• MetForm: Download plugin
• MetForm Pro: Hent plugin'et

Step 1: Search for MetForm Main Widget #

Open any page where you want to show a multistep form. Then edit it with Elementor. Now, you will be redirected to the Elementor editor.
In the editor, search for MetForm main widget and drag and drop it.

Step 2: Design WordPress Multi-step Form #

In the Elementor editor, click the Rediger formular.

You can see a new window. From here, open an old form to edit or create a new form to make your desired multistep form.

Step 3: Drag & Drop Form Fields #

Drag and drop necessary form widgets to create a form og Næste skridt knap-widget.

For at navngive afsnittet. Klik på de seks prikker for at gå til sektionens indstillinger. Så gå til layout ⇒ flertrin.

• Change the multi-step tab title
• Add an icon if you want. You can add an icon from the library or upload a new one

Step 4: Add a New Section for the Second Step #

Start a new section/container to add steps of the form.

Now drag and drop the necessary widgets again to build your second step. After that tilføj knapperne Forrige og Næste. Derefter follow step 3 to give a proper name and icon to this section/tab.

Step 5: Complete Designing the Multi-step Form  #

Here, we have added more fields. But this time, add a send-knap i stedet for Næste to complete the Elementor multi-step form.

Til sidst skal du klikke på opdater og lukke for at gemme formulardesignet med flere trin og gå tilbage til indstillinger.

Step 6: Configure the Multi-step Form Settings #

Now, go to the MetForm main widget, locate the Multi-Step option, and toggle it PÅ.

• Adaptiv formbeholderhøjde: Denne mulighed vil gøre det muligt for formularen at tage højden af det aktuelle trin.
• Vis Multistep Nav:  Du kan deaktivere denne mulighed, hvis du ikke ønsker at vise nav-indstillingen øverst.
• Aktiver rul til toppen: Slå denne indstilling til for at rulle til den øverste indstilling.
• Multistep progress style: Toggle it to Yes to enable and customize how the form steps’ progress is displayed.
• Justering:  Her kan du indstille justeringen af flertrinsnavigeringen til venstre, højre eller center.
• Typografi: Du kan ændre familie, vægt, transformation, linjehøjde osv. for multi-trinnet.
• Polstring:  Indstil venstre, højre, top og bund udfyldning for flertrinsformularen.
• Margin: Juster venstre, højre, top og bund polstring for flertrinsformularen.
• Tekst
  • Normal: Her kan du redigere farve, baggrundsfarve, kanttype, ikonstørrelse, ikonafstand og ikonstørrelse for normal tilstand.
  • Aktiv: Vælg farve, baggrundsfarve, kanttype, ikonstørrelse, ikonafstand og ikonstørrelse for den aktive tilstand.
  • Hold musen over: Rediger farve, baggrundsfarve, kanttype, ikonstørrelse, ikonafstand og ikonstørrelse for svævetilstand.

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

Here is a created multi-step form example by MetForm: