Divi: Tema WordPress terbaik sepanjang masa!

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

Apakah Anda ingin tahu cara membuat formulir multi-langkah dengan Elementor?

Apakah Anda tahu Typeform? Dia adalah pembuat formulir online populer yang terkenal dengan gaya interaktifnya. Di Typeform, Anda dapat membuat formulir online multi-langkah interaktif untuk berbagai tujuan.

Jika Anda memiliki situs web berbasis WordPress yang didukung oleh Elementor, Anda dapat dengan mudah mengintegrasikan formulir Typeform Anda menggunakan Essential Addons.

Lihat juga: Bagaimana cara menambahkan kisi harga di Elementor

Namun sejak versi 2.9, Elementor sendiri memiliki fitur yang bisa Anda gunakan untuk membuat formulir multi-langkah. Pada artikel ini, kami akan menunjukkan cara melakukannya dengan bantuan Elementor.

Formulir multi-langkah itu sendiri adalah ide bagus untuk menghemat ruang pada desain Anda (apakah itu halaman atau template pembuat tema). Ini memungkinkan Anda untuk mempersingkat formulir 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.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda membuat Mudah dan Gratis desain situs web atau blog apa pun dengan tampilan profesional. Berhentilah membayar banyak untuk situs web yang dapat Anda lakukan sendiri.

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

buat formulir dalam beberapa langkah

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.

Apakah Anda ingin menjual produk Anda di internet?

Unduh WooCommerce secara gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress dan dengan mudah membuat toko online Anda. Sempurna untuk pemula.

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).

buat formulir dalam beberapa langkah

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.

buat formulir multi-langkah dengan Elementor

  • 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.

...

0 saham
saham
menciak
Register