Komma igång #

Metform låter dig skapa en lång form med stor lätthet. Skapa nu WordPress Flerstegsformulär enkelt genom att använda valfri widget.

Se videoguiden för att lägga till Elementor flerstegsformulär:

Eller följ steg-för-steg-instruktionerna nedan för att lägga till ett WordPress-flerstegsformulär:

Steg-> 1  #

Sök på Metform widget och dra den till widgetplaceringsområdet.

Steg-> 2  #

Klicka på  Redigera formulär button on the left to open a window to create a form with WordPress multistep form builder.

Steg-> 3 #

Välja Ny för att skapa ett nytt formulär. Ge kl Titel. Nu kan du välja en tom mall och klicka på Redigera formulär.

Steg-> 4  #

Klicka på "Plus"-knappen för att lägga till ett nytt avsnitt.

Steg-> 5  #

Bygg nu ditt formulär med valfri widget

Steg-> 6  #

Dra och släpp Nästa steg knappwidget.

Steg-> 7  #

För att namnge avsnittet. Klicka på de sex prickarna för att gå till avsnittets inställningar. Gå sedan till layout ⇒ flersteg. Här ändra titeln på fliken i flera steg och lägg till en ikon om du vill. Du kan lägga till en ikon från biblioteket eller ladda upp en ny.

Steg-> 8 #

För att lägga till ett nytt steg/fas i formuläret igen, ta ett nytt avsnitt genom att klicka på +-tecknet. 

Obs: Kom ihåg att du måste starta ett nytt avsnitt (inte det inre avsnittet) för en ny flik/steg i formuläret.

Steg-> 9 #

Dra och släpp nu widgetarna igen för att bygga ditt andra steg. Efter det lägg till knapparna Föregående och Nästa. Sedan följ steg 7 to give a proper name and icon to this section/tab.

Steg-> 10  #

Upprepa steg 7, 8 och 9 för att skapa ytterligare ett steg i formuläret. Men tillägg denna gång Skicka-knappen istället för Nästa för att fylla i Elementor flerstegsformulär.

Steg-> 11 #

Klicka slutligen på uppdatera och stäng för att spara flerstegsformuläret och gå tillbaka till inställningarna.

Steg-> 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:

• Aktivera flersteg: Aktivera det här alternativet för att aktivera flerstegsalternativet. 
• Behållarhöjd med adaptiv form: Detta alternativ gör det möjligt för formuläret att ta höjden av det aktuella steget.
• Visa flerstegsnavigering:  Du kan inaktivera det här alternativet om du inte vill visa navigeringsalternativet överst.
• Aktivera rulla till toppen: Aktivera det här alternativet för att rulla till det översta alternativet.
• Inriktning:  Här kan du ställa in justeringen av flerstegsnavigeringen till vänster, höger eller mitt.
• Typografi: Du kan ändra familj, vikt, transformation, linjehöjd, etc för flersteget.
• Stoppning:  Ställ in vänster, höger, övre och nedre stoppning för flerstegsformuläret.
• Marginal: Justera vänster-, höger-, topp- och bottenstoppningen för flerstegsformuläret.
• Text
  • Vanligt: Här kan du redigera färg, bakgrundsfärg, kanttyp, ikonstorlek, ikonavstånd och ikonstorlek för normalt läge.
  • Aktiva: Välj färg, bakgrundsfärg, kanttyp, ikonstorlek, ikonavstånd och ikonstorlek för det aktiva läget.
  • Sväva: Redigera färg, bakgrundsfärg, kanttyp, ikonstorlek, ikonavstånd och ikonstorlek för svävningsläget.

Steg-> 13 #

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

Här är ett skapat flerstegsformulärexempel av Metfrom: