Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

Vil du vite hvordan du lager et flertrinnsskjema med Elementor?

Kjenner du Typeform? Han er en populær online formbygger som er kjent for sin interaktive stil. I Typeform kan du lage et interaktivt flertrinns online skjema for en rekke formål.

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

Se også: Hvordan legge til et prisnett i Elementor

Men siden versjon 2.9 har Elementor selv en funksjon som du kan bruke til å lage flertrinnsskjemaer. I denne artikkelen viser vi deg hvordan du gjør det ved hjelp av Elementor.

Et flertrinnsskjema i seg selv er en god idé for å spare plass på designet ditt (enten det er en side eller en temabyggermal). Det 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.

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg lage Enkelt og gratis ethvert nettsted eller bloggdesign med et profesjonelt utseende. Slutt å betale mye for et nettsted du kan gjøre selv.

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.

Ønsker du å selge produktene dine på internett?

Last ned WooCommerce gratis, de beste e-handelspluginene for å selge dine fysiske og digitale produkter på WordPress og enkelt lage din nettbutikk. Perfekt for nybegynnere.

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.

...

0 aksjer
del
tweet
Enregistrer