Sådan oprettes en form med flere trin med Elementor

Kunne du tænke dig at vide, hvordan du opretter en formular i flere trin med Elementor ?

Kender du Typeform? Han er en skaber af formularer populær online platform kendt for sin interaktive stil. I Typeform kan du oprette en formular interaktivt onlinespil med flere trin til en lang række formål.

Hvis du har et WordPress-baseret websted drevet af Elementor, kan du ubesværet integrere din formularer Typeform ved hjælp af Essential Addons.

Se også: Sådan tilføjes et prisgitter i Elementor

Men siden version 2.9, Elementor selv har en funktion, som du kan bruge til at oprette formularer i flere faser. I denne artikel vil vi vise dig, hvordan du gør det ved hjælp afElementor.

Un formular multi-step i sig selv er en god idé for at spare plads på dit design (uanset om det er en side eller en temabyggerskabelon). Det giver dig mulighed for at forkorte en lang form til en enklere form.

Sådan oprettes en flertrinsformular i Elementor

Før du starter, skal du sørge for at have opgraderet din Elementor til pro-versionen, hvis du ikke har gjort det siden Form-widgeten (Elementor-widgeten til oprettelse af formularer) kun er tilgængelig i proffsen.

Læs også: Sådan oprettes en kontaktformular i Elementor

I denne artikel springer vi direkte til tilføjelse af formularwidgeten. Flertrinsformularen, som vi skal oprette, består af tre trin som følger:

• Trin 1: Navn og køn
• Trin 2: Telefon og e-mail
• Trin 3: Radioknap

Træk først Form-widgeten til Elementors redigeringsfelt.

Gå til indstillingspanelet i venstre side for at foretage indstillingerne. I blokken Formularfelter sous fanen Indhold, definer felterne efter dine behov. I vores tilfælde er felterne som følger:

• Efternavn
• Genre
• Telefon
• E-mail
• hobby

Når du er færdig med at tilføje og definere de formularfelter, du har brug for, skal du tilføje et andet felt og indstille felttypen til Trin.

Se også: Sådan oprettes et afrundet billede i Elementor

Dette trin tilføjer automatisk et nyt felt i øverste rækkefølge og et nyt felt i bunden. Du kan indstille etiketten for det øverste felt til noget lignende trin 1.

Træk derefter det nederste felt og placer det lige over feltet fra det andet trin (telefonfeltet i dette tilfælde).

Tilføj et andet felt, og indstil felttypen på trin. Træk det og placer det lige over marken i det tredje trin (hobbyfeltet i dette tilfælde).

Her. Du kan forhåndsvise resultatet, før du tilpasser formularen. Trintypen er som standard indstillet til nummer og tekst.

Du kan redigere fra blokken Trinparametre under fanen Indhold.

Du kan få adgang til fanen stil for at tilpasse din formular. Der er 5 justeringsblokke, som du kan åbne.

• Form : du kan åbne denne blok for at definere mellemrummet mellem kolonnerne og linjerne i formularen, typografien (skrifttypefamilie, skriftstørrelse, skrifttypestil osv.) på formularens etiketter og farven på sidstnævnte tekst .
• Fields : Du kan åbne denne blok for at definere typografien for formularfelterne, feltets tekstfarve, baggrunden, kantbredden, kantfarven og kantradiusen.
• Knap: Du kan åbne denne blok for at tilpasse knapperne. Uanset om det er sendeknappen, den forrige knap eller den næste knap. Du kan definere elementer såsom tekstens typografi, tekstens farve, baggrundsfarven osv.
• Besked: Du kan åbne denne blok for at definere typografien på meddelelserne såvel som farven på teksten.
• Trin: Du kan åbne denne blok for at definere typografien for trinene, farven, separatorens bredde, separatorens rum osv ...

Når du er færdig med at redigere din skabelon, kan du offentliggøre eller opdatere den.

Læs også: Sådan oprettes et teammedlemssektion med Elementor 

Hvis du vil indsætte den formular, du lige har oprettet på en Gutenberg-side (eller måske vil du indsætte den i et blogindlæg), kan du gemme formularwidgeten som en global widget. Du kan derefter importere widgetten ved hjælp af pluginet Elementor Blokke til Gutenberg.

Hent Elementor Pro nu!

Konklusion

Her er ! Det er det for denne artikel, der viser dig, hvordan du bygger en form med flere trin med Elementor.  Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...