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.

I denne artikkelen vil vi vise hvordan du lager et flertrinnsskjema med lottie-animasjon på Elementor.

Multi-trinns formfunksjonalitet er nylig lagt til Elementors robuste visuelle byggherre. Du har nå en skjermbygger som dekker alle basene! 

Selv om den ikke ser ut til å være på toppen, bør du vite at dette er den første versjonen, og det vil uunngåelig komme nye oppdateringer for å utvide denne funksjonaliteten.

Med skjemaer med flere trinn vil skjemaene dine ikke bare se bedre ut, de vil tilby høyere konverteringsfrekvens når du søker å samle informasjon fra besøkende på nettstedet.

Hjelp nå de besøkende med å fullføre registreringen og forbedre konverteringene dine med et flertrinnsskjema.

Bedre brukeropplevelse

Det er ingen enkel oppgave å overbevise brukere om å fylle ut skjemaene. Når du har oppfordret dem til å lese skjemaet ditt og til og med vurdere å fylle det ut, må du sørge for å holde dem engasjert, spesielt siden noen skjemaer kan være skremmende.

Oppdag også vår 10 WordPress plugins for å lage et kontaktskjema

Den nye widgeten for flere trinnsformer adresserer akkurat dette spørsmålet: å gjøre en kompleks form til et enkelt og vakkert designelement.

Økning i konverteringer og potensielle kunder

Det er ingen tvil om at en form som er behagelig for øyet og lett å navigere vil være mer gunstig for konvertering. Dette er målet ditt som en nettstedbygger, og det er også målet med widgeten Multi-Step Form.

Les artikkelen vår om Hvordan øke konverteringer: øke begrensede tilbud

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.

Dette skjemaet lar deg forbedre konverteringsfrekvensen i alle områder. De er spesielt gode innen felt som forsikring, universitet, eiendom, turisme og mange flere, og jeg er sikker på at de vil hjelpe deg med å lage høye konverteringsskjemaer med uendelig fleksibilitet.

Hvordan virker det

Etter å ha sluppet et skjema på siden, legg til "Trinn"-feltet. Du vil se at et nytt felt er lagt til automatisk og det skiller seg ut visuelt. Flytt Step-elementet til stedet du vil dele opp i trinn, og voila! Du har nettopp opprettet et flertrinnsskjema.

Discover Slik bygger du et komplett nettsted med Elementor

Trinnfeltet vil fungere som en separator og tillate brukere å:

  • Velg sceneindikasjon: Ikon, tekst, ikon og tekst, nummer, nummer og tekst, fremdriftslinje eller ingen
  • Legg til et ikon som en milepælindikator
  • Tilpass utseendet til trinn
  • Tilpass følgende og forrige elementer
  • og validerer hvert trinnfelt

Ta nettstedet ditt til et helt nytt interaktivt nivå

Har du noen gang ønsket at nettstedet ditt kan være enda mer interaktivt og engasjerende enn det allerede er?

Du har kanskje gitt opp denne tanken tidligere av flere grunner, men det handler om å endre seg med introduksjonen av Lottie Animations. Dette er din sjanse til å ta webdesignerspillet ditt til neste nivå, og velge mellom tusenvis av Lottie-animasjoner som du kan legge til på nettstedet ditt.

Ø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.

Le Lottie widget kan godta Lottie-animasjoner fra forskjellige kilder, for eksempel LottieFiles.com. Du kan også legge til dine egne animasjoner ved å bruke Lottiefiles-plugin eller Bodymovin-pluginen for Adobe After Effects.

Overrask kundene dine

Når du laster opp statiske design og bilder og plutselig forynger dem med bevegelse, farge og alle andre typer animasjonseffekter, endrer du spillet.

Plutselig kommer nettstedets design til live. Det er i bevegelse, og med det samhandler det med besøkende på nettstedet ditt. Lottie-animasjoner er SVG, 100 % responsive og superlette.

Øk brukerengasjementet

Det tar sekunder å legge til Lottie-animasjoner og kan brukes til å forbedre engasjementet på alle deler av nettstedet ditt.

Ta for eksempel knapper.

Vi vet alle hvor viktige oppfordringsknapper er. Med Lottie kan du forbedre måten besøkende samhandler med knapper på, uten å bruke massevis av tid på å kode og perfeksjonere designdetaljer.

Les også: Hvordan forbedre brukerengasjementet på WordPress

Tenk på en vanlig knapp kontra en knapp som har en animert pil. Hvilken ville du være mer oppmerksom på? Det er disse små tingene som vil utgjøre en forskjell, og kundene dine vil sikkert sette pris på jobben.

Med Lottie-widgeten kan du leke med mange innstillinger, for eksempel triggere, loops, sveve, omvendt animasjon og gjengivelsesalternativer. Det er ingen grenser for hvordan du kan live opp nettsidene dine.

Hvordan virker det

  • Tilgang til lottiefiles.com og velg en animasjon
  • Last ned Lottie JSON-fil
  • Tilbake i Elementor-redigereren, dra inn i Lottie-widgeten
  • Klikk på mediebiblioteket og last ned Lottie JSON-filen
  • Her! Du bør begynne å se animasjonen.

Hvis du har laget en fin animasjon, må du sende oss lenken i kommentarfeltet nedenfor.

Få Elementor Pro nå!

konklusjonen

Å legge til Lottie-animasjoner og flertrinnsformer gir to gode måter å forbedre ikke bare brukeropplevelsen din, men også brukergrensesnittet.

Ettersom webtrender stadig endres, er det alltid spennende å forbedre funksjonaliteten til nettstedet ditt og å posisjonere deg som en ekte ekspert. Hvis du har det kommentarer eller forslag, ikke nøl med å gi oss beskjed i den reserverte delen.

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