Vil du vite hvordan du lager en skjema i flere trinn med Elementor ?

Kjenner du Typeform? Han er en skaper av skjemaer populær nettplattform kjent for sin interaktive stil. I Typeform kan du lage en skjema flertrinns interaktivt nettspill for en lang rekke formål.

Hvis du har et WordPress-basert nettsted drevet av Elementor, kan du enkelt integrere din skjemaer Typeform ved hjelp av Essential Addons.

Se også: Hvordan legge til et prisnett i Elementor

Men siden versjon 2.9, Elementor selv har en funksjon som du kan bruke til å lage skjemaer i flere stadier. I denne artikkelen vil vi vise deg hvordan du gjør det ved hjelp avElementor.

Un skjema multi-step i seg selv er en god idé for å spare plass på designet (enten det er en side eller en temabyggermal). Den lar deg forkorte en lang form til en enklere form.

Hvordan lage et flertrinnsskjema i Elementor

Før du begynner, må du sørge for at du har oppgradert Elementor til pro-versjonen i tilfelle du ikke har gjort det siden Form-widgeten (Elementor-widgeten for å opprette skjemaer) bare er tilgjengelig i proffsen.

Les også: Hvordan lage et kontaktskjema i Elementor

I denne artikkelen hopper vi rett til å legge til skjema-widgeten. Flertrinnsskjemaet vi skal lage består av tre trinn som følger:

  • Trinn 1: Navn og kjønn
  • Trinn 2: Telefon og e-post
  • Trinn 3: Radioknapp

Dra først skjema-widgeten til Elementors redigeringsboks.

Gå til innstillingspanelet på venstre side for å gjøre innstillingene. I blokken Skjemafelt sous fanen Innhold, definere feltene etter dine behov. I vårt tilfelle er feltene som følger:

  • navn
  • Sjanger
  • Telefon
  • E-post
  • hobby

lage et skjema i flere trinn

Når du er ferdig med å legge til og definere skjemafeltene du trenger, kan du legge til et nytt felt og angi felttypen til Trinn.

Se også: Hvordan lage et avrundet bilde i Elementor

Dette trinnet legger automatisk til et nytt felt i øverste rekkefølge og et nytt felt nederst. Du kan sette etiketten til det øverste feltet til noe lignende trinn 1.

Dra deretter bunnfeltet og plasser det rett over feltet fra andre trinn (telefonfeltet i dette tilfellet).

Legg til et nytt felt og angi felttypen på trinn. Dra den og plasser den rett over feltet i det tredje trinnet (hobbyfeltet i dette tilfellet).

lage et skjema i flere trinn

Her. Du kan forhåndsvise resultatet før du tilpasser skjemaet. Som standard er trinntypen satt til nummer og tekst.

Du kan redigere fra blokken Trinnparametere under fanen Innhold.

Du får tilgang til fanen Stil for å tilpasse skjemaet ditt. Det er 5 justeringsblokker du kan åpne.

lage et flertrinnsskjema med Elementor

  • Form : du kan åpne denne blokken for å definere mellomrommet mellom kolonnene og linjene i skjemaet, typografien (skriftfamilie, skriftstørrelse, skriftstil osv.) på etikettene på skjemaet og fargen på teksten til sistnevnte .
  • Felt : Du kan åpne denne blokken for å definere typografien til skjemafeltene, tekstfargen på feltene, bakgrunnen, kantbredden, kantfargen og kantradiusen.
  • Knapp: Du kan åpne denne blokken for å tilpasse knappene. Enten det er sendeknappen, forrige knapp eller neste knapp. Du kan definere elementer som typografien til teksten, fargen på teksten, bakgrunnsfargen osv.
  • Melding: Du kan åpne denne blokken for å definere typografien til meldingene, samt fargen på teksten.
  • Fremgangsmåte: Du kan åpne denne blokken for å definere typografien til trinnene, fargen, bredden på skilletegnet, skillet mellomrom osv.

Når du er ferdig med å redigere malen, kan du publisere eller oppdatere den.

Les også: Hvordan lage en seksjon for teammedlemmer med Elementor 

Hvis du vil sette inn skjemaet du nettopp opprettet på en Gutenberg-side (eller kanskje du vil sette det inn i et blogginnlegg), kan du lagre skjemamodulen som en global widget. Deretter kan du importere widgeten ved hjelp av pluginet Elementor -blokker for Gutenberg.

Få Elementor Pro nå!

konklusjonen

Her er ! Det er det for denne artikkelen som viser deg hvordan du lager et flertrinnsskjema med Elementor.  Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...