In dit artikel laten we zien hoe u een formulier multi-stage met lottie-animatie aan Elementor.
De functionaliteit formulier multi-step builder is onlangs toegevoegd aan de visuele en robuuste builder vanElementor. Je hebt nu een constructeur vormen dat omvat alle bases!
Zelfs als het niet bovenaan lijkt te staan, moet je weten dat dit de eerste versie is en dat er onvermijdelijk nieuwe updates zullen komen om deze functionaliteit uit te breiden.
Met vormen in verschillende fasen, uw vormen zullen er niet alleen beter uitzien, ze zullen ook hogere conversiepercentages bieden wanneer u informatie van uw websitebezoekers probeert te verzamelen.
Help uw bezoekers nu de registratie te voltooien en uw conversies te verbeteren met een formulier in verschillende stadia.
Betere gebruikerservaring
Gebruikers overtuigen om uw formulieren in te vullen, is niet eenvoudig. Als je ze eenmaal hebt aangemoedigd om je formulier te lezen en zelfs overweegt het in te vullen, moet je ervoor zorgen dat je ze betrokken houdt, vooral omdat sommige formulieren intimiderend kunnen zijn.
Ontdek ook onze 10 WordPress plug-ins om een contactformulier te maken
De nieuwe Multi-Step Form-widget beantwoordt precies deze vraag: van een complexe vorm een eenvoudig en mooi ontwerpelement maken.
Verhoging van conversies en leads
Het lijdt geen twijfel dat een vorm die een lust voor het oog en gemakkelijk te navigeren is, meer tot bekering zal leiden. Dit is uw doel als websitebouwer, en het is ook het doel van de Multi-Step Form Widget.
Lees ons artikel op Hoe u conversies kunt stimuleren: boost beperkte aanbiedingen
Met dit formulier kunt u de conversieratio's op alle gebieden verbeteren. Ze zijn vooral geweldig op gebieden als verzekeringen, universiteit, onroerend goed, toerisme en nog veel meer, en ik weet zeker dat ze u zullen helpen bij het maken van formulieren met hoge conversies met eindeloze flexibiliteit.
Hoe werkt het
Nadat u een formulier op de pagina heeft neergezet, voegt u het veld "Stap" toe. U zult zien dat er automatisch een nieuw veld is toegevoegd en visueel opvalt. Verplaats het Step-element naar de locatie die u in stappen wilt splitsen, en voila! U hebt zojuist een formulier met meerdere stappen gemaakt.
Ontdek ook Hoe u een complete website bouwt met Elementor
Het veld Stap fungeert als scheidingsteken en stelt gebruikers in staat om:
- Kies de fase-indicatie: Icoon, tekst, icoon en tekst, nummer, nummer en tekst, voortgangsbalk of geen
- Voeg een pictogram toe als mijlpaalindicator
- Pas het uiterlijk van stappen aan
- Pas de volgende en eerdere items aan
- en valideer elk stapveld
Breng uw website naar een geheel nieuw interactief niveau
Heeft u ooit gewenst dat uw website nog interactiever en boeiender zou kunnen zijn dan hij al is?
Misschien heb je deze gedachte in het verleden om een aantal redenen opgegeven, maar dat gaat nu veranderen met de introductie van Lottie Animations. Dit is uw kans om uw webdesign-game naar een hoger niveau te tillen, door te kiezen uit duizenden Lottie-animaties om toe te voegen aan uw website.
Le Lottie-widget kan Lottie-animaties van verschillende bronnen accepteren, zoals LottieFiles.com. U kunt ook uw eigen animaties toevoegen met de Lottiefiles-plug-in of de Bodymovin-plug-in voor Adobe After Effects.
Verbaas uw klanten
Wanneer u uw statische ontwerpen en afbeeldingen laadt en ze plotseling verjongt met beweging, kleur en alle andere soorten animatie-effecten, verandert u het spel.
Plots komt uw website-ontwerp tot leven. Het is in beweging en communiceert daarmee met uw websitebezoeker. Lottie-animaties zijn SVG, 100% responsief en super lichtgewicht.
Verhoog de betrokkenheid van gebruikers
Het toevoegen van Lottie-animaties kost seconden en kan worden gebruikt om de betrokkenheid bij elk onderdeel van uw website te verbeteren.
Neem bijvoorbeeld knoppen.
We weten allemaal hoe belangrijk call-to-action-knoppen zijn. Met Lottie kunt u de manier waarop uw bezoekers omgaan met knoppen verbeteren zonder veel tijd te besteden aan het coderen en perfectioneren van ontwerpdetails.
Om ook te lezen: Hoe gebruikersverbintenissen op WordPress verbeteren
Denk aan een gewone knop versus een knop met een bewegende pijl. Aan welke zou je meer aandacht besteden? Het zijn deze kleine dingen die het verschil zullen maken, en uw klanten zullen het werk zeker waarderen.
Met de Lottie-widget kun je spelen met veel instellingen, zoals triggers, loops, hover, omgekeerde animatie en weergave-opties. Er is geen limiet aan hoe u uw websites kunt opfleuren.
Hoe werkt het
- Toegang tot lottiefiles.com en kies een animatie
- Download Lottie JSON-bestand
- Terug in de editor Elementor, sleep naar de Lottie-widget
- Klik op het pictogram van de mediabibliotheek en download het Lottie JSON-bestand
- Alstublieft ! Je zou de animatie moeten gaan zien.
Als je een leuke animatie hebt gemaakt, stuur ons dan de link in de comments hieronder.
Download Elementor Pro nu!
Conclusie
Het toevoegen van Lottie-animaties en meerstapsformulieren biedt twee geweldige manieren om niet alleen uw gebruikerservaring maar ook uw gebruikersinterface te verbeteren.
Omdat webtrends voortdurend veranderen, is het altijd spannend om de functionaliteit van uw website te blijven verbeteren en uzelf als een echte expert te positioneren. Si vous avez reacties of suggesties, aarzel niet om ons te laten weten in de gereserveerde sectie.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
