Loncat ke Konten Utama

Cara membuat formulir multi-langkah dengan animasi lottie

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Fungsionalitas formulir multi-langkah baru-baru ini ditambahkan ke pembuat visual yang kuat dari Elementor. Anda sekarang memiliki pembuat formulir yang mencakup semua basis!

Sekalipun tidak tampak di atas, Anda harus tahu bahwa ini adalah versi pertama dan pembaruan baru yang pasti akan datang untuk menyempurnakan fungsi ini.

Dengan formulir multi-langkah, formulir Anda tidak hanya akan terlihat lebih baik, tetapi juga menawarkan tingkat konversi yang lebih tinggi saat Anda berusaha mengumpulkan informasi dari pengunjung situs web Anda.

Sekarang bantu pengunjung Anda menyelesaikan pendaftaran dan meningkatkan konversi Anda dengan formulir multi-langkah.

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: meningkatkan 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.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Bagaimana cara kerjanya

Setelah menyimpan formulir di halaman, tambahkan kolom "Langkah". Anda akan melihat bahwa bidang baru telah ditambahkan secara otomatis dan menonjol secara visual. Seret 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.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

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 berinteraksi dengan pengunjung ke situs web Anda. Animasi lottie adalah SVG, 100% responsif dan super 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 cara 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.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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.

...

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
0 saham
saham
menciak
Register