In diesem Artikel zeigen wir, wie man eine erstellt Formular mehrstufig mit eingeschalteter Lottie-Animation Elementor.
Die Funktionalität Formular Der mehrstufige Builder wurde kürzlich zum visuellen und robusten Builder von hinzugefügtElementor. Sie haben jetzt einen Konstruktor Formen das deckt alle Grundlagen ab!
Auch wenn es nicht ganz oben zu sein scheint, sollten Sie wissen, dass dies die erste Version ist und zwangsläufig neue Updates kommen werden, um diese Funktionalität zu erweitern.
Bei Formen in mehreren Phasen, Ihr Formen sehen nicht nur besser aus, sondern bieten auch höhere Konversionsraten, wenn Sie Informationen von Ihren Website-Besuchern sammeln möchten.
Helfen Sie jetzt Ihren Besuchern, die Registrierung abzuschließen und Ihre Conversions zu verbessern Formular Noch mehr Etappen.
Bessere Benutzererfahrung
Benutzer davon zu überzeugen, Ihre Formulare auszufüllen, ist keine leichte Aufgabe. Wenn Sie sie dazu ermutigt haben, Ihr Formular zu lesen und es sogar auszufüllen, müssen Sie sicherstellen, dass Sie sie beschäftigen, insbesondere da einige Formulare einschüchternd sein können.
Entdecken Sie auch unsere 10 WordPress-Plugins zum Erstellen eines Kontaktformulars
Das neue Widget für mehrstufige Formulare behandelt genau diese Frage: Ein komplexes Formular zu einem einfachen und schönen Gestaltungselement machen.
Steigerung der Conversions und Leads
Es besteht kein Zweifel, dass eine Form, die für das Auge angenehm und einfach zu navigieren ist, der Konvertierung förderlicher ist. Dies ist Ihr Ziel als Website-Builder und auch das Ziel des mehrstufigen Formular-Widgets.
Lesen Sie unseren Artikel auf So steigern Sie Ihre Conversions: Erhöhen Sie begrenzte Angebote
Mit diesem Formular können Sie die Conversion-Raten in allen Bereichen verbessern. Sie eignen sich besonders für Bereiche wie Versicherungen, Universitäten, Immobilien, Tourismus und viele mehr. Ich bin sicher, dass sie Ihnen dabei helfen werden, Formulare mit hoher Conversion und unendlicher Flexibilität zu erstellen.
Comment ça marche
Nachdem Sie ein Formular auf der Seite abgelegt haben, fügen Sie das Feld „Schritt“ hinzu. Sie werden sehen, dass ein neues Feld automatisch hinzugefügt wurde und sich optisch abhebt. Bewegen Sie das Step-Element an die Stelle, die Sie in Steps aufteilen möchten, und voila! Sie haben gerade ein mehrstufiges Formular erstellt.
Sonst noch zu entdecken So erstellen Sie eine vollständige Website mit Elementor
Das Feld Schritt fungiert als Trennzeichen und ermöglicht Benutzern Folgendes:
- Wählen Sie die Bühnenanzeige: Symbol, Text, Symbol und Text, Nummer, Nummer und Text, Fortschrittsbalken oder keine
- Fügen Sie ein Symbol als Meilensteinindikator hinzu
- Passen Sie das Erscheinungsbild von Schritten an
- Passen Sie die folgenden und vorherigen Elemente an
- und validieren Sie jedes Schrittfeld
Bringen Sie Ihre Website auf eine ganz neue interaktive Ebene
Haben Sie sich jemals gewünscht, dass Ihre Website noch interaktiver und ansprechender sein könnte als sie es bereits ist?
Möglicherweise haben Sie diesen Gedanken in der Vergangenheit aus mehreren Gründen aufgegeben, aber das wird sich mit der Einführung von Lottie Animations ändern. Dies ist Ihre Chance, Ihr Webdesigner-Spiel auf die nächste Stufe zu heben und aus Tausenden von Lottie-Animationen auszuwählen, die Sie Ihrer Website hinzufügen möchten.
Le Lottie Widget kann Lottie-Animationen aus verschiedenen Quellen akzeptieren, wie z LottieFiles.com. Sie können auch Ihre eigenen Animationen mit dem hinzufügen Lottiefiles Plugin oder das Bodymovin-Plugin für Adobe After Effects.
Überraschen Sie Ihre Kunden
Wenn Sie Ihre statischen Designs und Bilder laden und sie plötzlich mit Bewegung, Farbe und allen anderen Arten von Animationseffekten verjüngen, ändern Sie das Spiel.
Plötzlich erwacht Ihr Website-Design zum Leben. Es ist in Bewegung und interagiert damit mit Ihrem Website-Besucher. Lottie-Animationen sind SVG, 100 % reaktionsschnell und superleicht.
Erhöhen Sie die Benutzerinteraktion
Das Hinzufügen von Lottie-Animationen dauert Sekunden und kann verwendet werden, um das Engagement für jeden Teil Ihrer Website zu verbessern.
Nehmen Sie zum Beispiel Knöpfe.
Wir alle wissen, wie wichtig Handlungsaufforderungstasten sind. Mit Lottie können Sie die Interaktion Ihrer Besucher mit Schaltflächen verbessern, ohne viel Zeit mit dem Codieren und Perfektionieren von Designdetails zu verbringen.
Lesen Sie auch: Wie Benutzer Engagement auf Wordpress zu verbessern
Stellen Sie sich eine normale Schaltfläche gegenüber einer Schaltfläche mit einem animierten Pfeil vor. Welchem würdest du mehr Aufmerksamkeit schenken? Es sind diese kleinen Dinge, die einen Unterschied machen, und Ihre Kunden werden den Job sicherlich zu schätzen wissen.
Mit dem Lottie-Widget können Sie mit vielen Einstellungen herumspielen, z. B. Trigger, Schleifen, Hover, Umkehranimation und Rendering-Optionen. Der Belebung Ihrer Websites sind keine Grenzen gesetzt.
Comment ça marche
- Zugang zu lottiefiles.com und wählen Sie eine Animation
- Laden Sie die Lottie JSON-Datei herunter
- Zurück im Editor Elementor, ziehen Sie es in das Lottie-Widget
- Klicken Sie auf das Symbol für die Medienbibliothek und laden Sie die Lottie JSON-Datei herunter
- Hier ! Sie sollten die Animation sehen.
Wenn Sie eine schöne Animation erstellt haben, senden Sie uns bitte den Link im Kommentarbereich unten.
Holen Sie sich jetzt Elementor Pro!
Zusammenfassung
Das Hinzufügen von Lottie-Animationen und mehrstufigen Formularen bietet zwei großartige Möglichkeiten, um nicht nur Ihre Benutzererfahrung, sondern auch Ihre Benutzeroberfläche zu verbessern.
Da sich Webtrends ständig ändern, ist es immer wieder spannend, die Funktionalität Ihrer Website weiter zu verbessern und sich als echter Experte zu positionieren. wenn Sie Kommentare oder Vorschläge, zögern Sie nicht, uns im reservierten Bereich zu informieren.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
