Pada artikel ini kami akan menunjukkan cara membuat a bentuk multi-tahap dengan animasi lottie aktif Elementor.
Fungsionalitasnya bentuk pembangun multi-langkah baru-baru ini ditambahkan ke pembangun visual dan tangguh dariElementor. Anda sekarang memiliki konstruktor bentuk yang mencakup semua pangkalan!
Bahkan jika tampaknya tidak berada di atas, Anda harus tahu bahwa ini adalah versi pertama dan pembaruan baru pasti akan datang untuk memperluas fungsi ini.
Dengan bentuk pada beberapa tahap, Anda bentuk tidak hanya akan terlihat lebih baik, mereka juga akan menawarkan tingkat konversi yang lebih tinggi ketika Anda berusaha mengumpulkan informasi dari pengunjung situs web Anda.
Sekarang bantu pengunjung Anda menyelesaikan pendaftaran dan meningkatkan konversi Anda dengan a bentuk di kaset tambahan.
Pengalaman pengguna yang lebih baik
Meyakinkan pengguna untuk mengisi formulir Anda bukanlah tugas yang mudah. Setelah Anda mendorong mereka untuk membaca formulir Anda dan bahkan mempertimbangkan untuk mengisinya, Anda perlu memastikan Anda membuat mereka tetap terlibat, terutama karena beberapa formulir dapat mengintimidasi.
Temukan juga milik kami Plugin WordPress 10 untuk membuat formulir kontak
Widget Formulir Banyak Langkah yang baru menjawab pertanyaan ini: membuat formulir kompleks menjadi elemen desain yang sederhana dan indah.
Peningkatan konversi dan prospek
Tidak diragukan lagi bahwa formulir yang menyenangkan untuk dilihat dan mudah dinavigasi akan lebih kondusif untuk pertobatan. Ini adalah tujuan Anda sebagai pembuat situs web, dan juga tujuan dari Widget Formulir Multi-Langkah.
Baca artikel kami di Cara meningkatkan konversi: tingkatkan penawaran terbatas
Formulir ini akan memungkinkan Anda untuk meningkatkan tingkat konversi di semua area. Mereka sangat hebat di bidang seperti asuransi, universitas, real estat, pariwisata, dan banyak lagi, dan saya yakin mereka akan membantu Anda membuat formulir konversi tinggi dengan fleksibilitas tanpa akhir.
Bagaimana cara kerjanya
Setelah menjatuhkan formulir di halaman, tambahkan bidang "Langkah". Anda akan melihat bahwa bidang baru telah ditambahkan secara otomatis dan menonjol secara visual. Pindahkan elemen Langkah ke lokasi yang ingin Anda bagi menjadi beberapa langkah, dan voila! Anda baru saja membuat formulir multi-langkah.
Temukan juga Cara Membangun Situs Web Lengkap dengan Elementor
Bidang Langkah akan bertindak sebagai pemisah dan memungkinkan pengguna untuk:
- Pilih indikasi dekor: Ikon, teks, ikon dan teks, angka, angka dan teks, bilah kemajuan atau tidak sama sekali
- Tambahkan ikon sebagai indikator pencapaian
- Sesuaikan tampilan langkah
- Sesuaikan item berikut dan sebelumnya
- dan validasi setiap bidang langkah
Bawa situs web Anda ke tingkat interaktif yang benar-benar baru
Pernahkah Anda berharap situs web Anda menjadi lebih interaktif dan menarik daripada sebelumnya?
Anda mungkin telah menyerah pada pemikiran ini di masa lalu karena sejumlah alasan, tetapi itu semua akan berubah, dengan diperkenalkannya Lottie Animations. Ini adalah kesempatan Anda untuk membawa game desainer web Anda ke level berikutnya, memilih dari ribuan animasi Lottie untuk ditambahkan ke situs web Anda.
Le Widget lottie dapat menerima animasi Lottie dari berbagai sumber, seperti LottieFiles.com. Anda juga dapat menambahkan animasi Anda sendiri menggunakan Plugin lottiefiles atau plugin Bodymovin untuk Adobe After Effects.
Buat kagum pelanggan Anda
Saat Anda memuat desain dan gambar statis Anda dan tiba-tiba meremajakannya dengan gerakan, warna, dan semua jenis efek animasi lainnya, Anda mengubah permainan.
Tiba-tiba, desain situs web Anda menjadi hidup. Itu sedang bergerak, dan dengan itu, ia berinteraksi dengan pengunjung situs web Anda. Animasi lottie adalah SVG, 100% responsif dan sangat ringan.
Tingkatkan keterlibatan pengguna
Menambahkan animasi Lottie, membutuhkan beberapa detik dan dapat digunakan untuk meningkatkan keterlibatan dengan setiap bagian dari situs web Anda.
Ambil contoh tombol.
Kita semua tahu betapa pentingnya tombol ajakan bertindak. Dengan Lottie, Anda dapat meningkatkan cara pengunjung berinteraksi dengan tombol tanpa menghabiskan banyak waktu untuk membuat kode dan menyempurnakan detail desain.
Baca juga: Bagaimana meningkatkan keterlibatan pengguna di WordPress
Pikirkan tombol biasa versus tombol yang memiliki panah animasi. Mana yang lebih Anda perhatikan? Hal-hal kecil inilah yang akan membuat perbedaan, dan klien Anda pasti akan menghargai pekerjaan itu.
Dengan widget Lottie, Anda dapat bermain-main dengan banyak pengaturan, seperti pemicu, loop, hover, animasi terbalik, dan opsi rendering. Tidak ada batasan bagaimana Anda dapat menghidupkan situs web Anda.
Bagaimana cara kerjanya
- Akses ke lottiefiles.com dan pilih animasi
- Unduh File Lottie JSON
- Kembali ke editor Elementor, seret ke widget Lottie
- Klik pada ikon perpustakaan media dan unduh file Lottie JSON
- Sini! Anda akan mulai melihat animasinya.
Jika Anda telah membuat animasi yang bagus, pastikan untuk mengirimi kami tautan di bagian komentar di bawah.
Dapatkan Elementor Pro Sekarang!
Kesimpulan
Menambahkan animasi Lottie dan formulir multi-langkah menawarkan dua cara hebat untuk meningkatkan tidak hanya pengalaman pengguna Anda tetapi juga antarmuka pengguna Anda.
Karena tren web terus berubah, selalu menyenangkan untuk terus meningkatkan fungsionalitas situs web Anda dan memposisikan diri Anda sebagai pakar sejati. Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
