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 knappen till vänster för att öppna ett fönster för att skapa ett formulär.

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 för att ge ett eget namn och en ikon till denna sektion/flik

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 #
Nu är det dags att slå på flerstegsfunktionen. För att göra det, gå till Gå till innehåll ⇒ Flerstegsinställningar och redigera följande inställningar:
- 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.

Step-> 13 #
Klicka slutligen på uppdatera för att spara.

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