I denne artikkelen vil vi vise hvordan du lager en skjema flertrinn med lottie-animasjon på Elementor.
Funksjonalitet skjema flertrinnsbygger ble nylig lagt til den visuelle og robuste byggeren tilElementor. Du har nå en konstruktør skjemaer 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 på flere stadier, din skjemaer vil ikke bare se bedre ut, de vil tilby høyere konverteringsfrekvenser når du søker å samle informasjon fra besøkende på nettstedet ditt.
Hjelp nå de besøkende med å fullføre registreringen og forbedre konverteringene dine med en skjema på flere stadier.
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
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.
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 redaktøren Elementor, 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.
...
