I denne artikel vil vi vise, hvordan du opretter en formular multi-stage med lottie-animation på Elementor.

Funktionaliteten formular multi-step builder blev for nylig tilføjet til den visuelle og robuste builder afElementor. Du har nu en konstruktør formularer der dækker alle baserne! 

Selvom det ikke ser ud til at være i toppen, skal du vide, at dette er den første version, og der vil uundgåeligt komme nye opdateringer for at udvide denne funktionalitet.

Med formularer på flere stadier, din formularer vil ikke kun se bedre ud, de vil tilbyde højere konverteringsrater, når du søger at indsamle oplysninger fra besøgende på dit websted.

Hjælp nu dine besøgende med at fuldføre registreringen og forbedre dine konverteringer med en formular på flere stadier.

Bedre brugeroplevelse

Det er ingen let opgave at overbevise brugere om at udfylde dine formularer. Når du har opfordret dem til at læse din formular og endda overveje at udfylde den, skal du sørge for at holde dem engagerede, især da nogle former kan være skræmmende.

Oplev også vores 10 WordPress plugins for at oprette en kontaktformular

Den nye multi-trinsformular-widget adresserer dette nøjagtige spørgsmål: at gøre en kompleks form til et enkelt og smukt designelement.

Stigning i konverteringer og kundeemner

Der er ingen tvivl om, at en form, der er behagelig for øjet og let at navigere, vil være mere befordrende for konvertering. Dette er dit mål som en webstedsbygger, og det er også målet med Multi-Step Form Widget.

Læs vores artikel om Sådan øger du konverteringer: boost begrænsede tilbud

Denne formular giver dig mulighed for at forbedre konverteringsfrekvensen på alle områder. De er især gode inden for områder som forsikring, universitet, fast ejendom, turisme og mange flere, og jeg er sikker på, at de vil hjælpe dig med at oprette høje konverteringsformularer med uendelig fleksibilitet.

Kommentar ça marche

Når du har droppet en formular på siden, skal du tilføje feltet "Trin". Du vil se, at et nyt felt automatisk er blevet tilføjet, og det skiller sig ud visuelt. Flyt Step-elementet til det sted, du vil opdele i trin, og voila! Du har lige oprettet en formular med flere trin.

Oplev Sådan oprettes et komplet websted med Elementor

Trinfeltet fungerer som en separator og giver brugerne mulighed for:

  • Vælg sceneindikation: Ikon, tekst, ikon og tekst, nummer, nummer og tekst, statuslinje eller ingen
  • Tilføj et ikon som en milepæl-indikator
  • Tilpas trinets udseende
  • Tilpas følgende og tidligere poster
  • og validerer hvert trinfelt

Tag dit websted til et helt nyt interaktivt niveau

Har du nogensinde ønsket, at dit websted kunne være endnu mere interaktivt og engagerende, end det allerede er?

Du har måske givet op på denne tanke tidligere af en række årsager, men det handler om at ændre sig med introduktionen af ​​Lottie Animations. Dette er din chance for at tage dit webdesignerspil til det næste niveau ved at vælge mellem tusindvis af Lottie-animationer, der skal føjes til dit websted.

Le Lottie widget kan acceptere Lottie-animationer fra forskellige kilder, f.eks LottieFiles.com. Du kan også tilføje dine egne animationer vha Lottiefiles-plugin eller Bodymovin-pluginet til Adobe After Effects.

Forbløf dine kunder

Når du indlæser dine statiske design og billeder og pludselig forynger dem med bevægelse, farve og alle de andre typer animationseffekter, ændrer du spillet.

Pludselig kommer dit webstedsdesign til live. Den er i bevægelse, og dermed interagerer den med din besøgende på hjemmesiden. Lottie-animationer er SVG, 100 % responsive og superlette.

Forøg brugerengagement

Tilføjelse af Lottie-animationer tager sekunder og kan bruges til at forbedre engagementet med alle dele af dit websted.

Tag for eksempel knapper.

Vi ved alle, hvor vigtige opfordringsknapper er. Med Lottie kan du forbedre måden, hvor dine besøgende interagerer med knapper, uden at bruge masser af tid på at kode og optimere designdetaljer.

Læs også: Hvordan man kan forbedre brugerens engagement på WordPress

Tænk på en almindelig knap kontra en knap, der har en animeret pil. Hvilken ville du være mere opmærksom på? Det er disse små ting, der vil gøre en forskel, og dine klienter vil helt sikkert sætte pris på jobbet.

Med Lottie-widgetten kan du lege med masser af indstillinger, såsom triggere, loops, hover, reverse animation og gengivelsesmuligheder. Der er ingen grænser for, hvordan du kan sætte liv i dine hjemmesider.

Kommentar ça marche

  • Adgang til lottiefiles.com og vælg en animation
  • Download Lottie JSON-fil
  • Tilbage i editoren Elementor, træk ind i Lottie-widgetten
  • Klik på mediebibliotekets ikon, og download Lottie JSON-filen
  • Her ! Du skal begynde at se animationen.

Hvis du har oprettet en dejlig animation, skal du sørge for at sende os linket i kommentarfeltet nedenfor.

Hent Elementor Pro nu!

Konklusion

Tilføjelse af Lottie-animationer og flertrinsformularer giver to gode måder at forbedre ikke kun din brugeroplevelse, men også din brugergrænseflade.

Da webtrendene konstant ændrer sig, er det altid spændende at fortsætte med at forbedre funktionaliteten på dit websted og at positionere dig selv som en sand ekspert. Hvis du har det kommentarer eller forslag, tøv ikke med at give os besked i det reserverede afsnit.

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

...