Apakah Anda ingin tahu cara membuat a bentuk dalam beberapa langkah dengan Elementor ?
Apakah Anda tahu Typeform? Dia adalah pencipta bentuk platform online populer yang terkenal dengan gaya interaktifnya. Di Typeform Anda dapat membuat file bentuk game online interaktif multi-langkah untuk berbagai tujuan.
Jika Anda memiliki situs web berbasis WordPress yang didukung oleh Elementor, Anda dapat dengan mudah mengintegrasikan bentuk Typeform menggunakan Essential Addons.
Lihat juga: Bagaimana cara menambahkan kisi harga di Elementor
Namun sejak versi 2.9, Elementor sendiri mempunyai fitur yang bisa anda gunakan untuk berkreasi bentuk dalam beberapa tahap. Pada artikel ini kami akan menunjukkan cara melakukannya dengan bantuanElementor.
Un bentuk multi-langkah itu sendiri adalah ide bagus untuk menghemat ruang pada desain Anda (baik itu halaman atau template pembuat tema). Ini memungkinkan Anda untuk mempersingkat bentuk yang panjang menjadi bentuk yang lebih sederhana.
Cara Membuat Formulir Multi-Langkah di Elementor
Sebelum Anda mulai, pastikan Anda telah meningkatkan Elementor Anda ke versi pro jika Anda belum melakukannya karena widget Formulir (widget Elementor untuk membuat formulir) hanya tersedia di pro.
Baca juga: Cara membuat formulir kontak di Elementor
Pada artikel ini, kita akan langsung menambahkan widget Formulir. Formulir multi-langkah yang akan kita buat terdiri dari tiga langkah sebagai berikut:
- Langkah 1: Nama dan jenis kelamin
- Langkah 2: Telepon dan email
- Langkah 3: Tombol radio
Pertama, seret widget Formulir ke kotak edit Elementor.
Buka panel pengaturan di sisi kiri untuk membuat pengaturan. Di blok Bidang formulir di bawah tab Konten, tentukan bidang sesuai dengan kebutuhan Anda. Dalam kasus kami, bidangnya adalah sebagai berikut:
- nama
- Aliran
- Telepon
- Surel
- Hobi
Setelah Anda selesai menambahkan dan menentukan bidang formulir yang Anda butuhkan, tambahkan bidang lain dan atur jenis bidang ke Langkah.
Lihat juga: Cara membuat gambar bulat di Elementor
Langkah ini secara otomatis menambahkan bidang baru di urutan atas dan bidang baru di bagian bawah. Anda dapat mengatur label bidang atas menjadi sesuatu seperti langkah 1.
Kemudian seret bidang bawah dan letakkan tepat di atas bidang dari langkah kedua (bidang Telepon dalam hal ini).
Tambahkan bidang lain dan atur jenis bidang di Langkah. Seret dan letakkan tepat di atas bidang pada langkah ketiga (bidang Hobi dalam hal ini).
Sini. Anda dapat melihat pratinjau hasilnya sebelum Anda menyesuaikan formulir. Secara default, jenis langkah diatur ke angka dan teks.
Anda dapat mengedit dari blok Parameter langkah di bawah tab Kandungan.
Anda dapat mengakses tab Gaya untuk menyesuaikan formulir Anda. Ada 5 blok penyesuaian yang bisa Anda buka.
- Bentuk : Anda dapat membuka blok ini untuk menentukan ruang antara kolom dan garis formulir, tipografi (keluarga font, ukuran font, gaya font, dll.) dari label formulir dan warna teks yang terakhir .
- Fields : Anda dapat membuka blok ini untuk menentukan tipografi bidang formulir, warna teks bidang, latar belakang, lebar batas, warna batas, dan radius batas.
- Tombol: Anda dapat membuka blok ini untuk menyesuaikan tombol. Baik itu tombol kirim, tombol sebelumnya atau tombol selanjutnya. Anda dapat menentukan elemen seperti tipografi teks, warna teks, warna latar belakang, dll.
- pesan: Anda dapat membuka blok ini untuk menentukan tipografi pesan serta warna teks.
- Tangga: Anda dapat membuka blok ini untuk menentukan tipografi langkah, warna, lebar pemisah, ruang pemisah, dll ...
Setelah Anda selesai mengedit template Anda, Anda dapat mempublikasikan atau memperbaruinya.
Baca juga: Cara membuat bagian anggota tim dengan Elementor
Jika Anda ingin memasukkan formulir yang baru saja Anda buat ke halaman Gutenberg (atau mungkin Anda ingin memasukkannya ke dalam posting blog), Anda dapat menyimpan widget Formulir sebagai widget global. Anda kemudian dapat mengimpor widget menggunakan plugin Blok Elementor untuk Gutenberg.
Dapatkan Elementor Pro Sekarang!
Kesimpulan
Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat formulir multi-langkah dengan Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.
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.
...
