Membuat Formulir dengan Elementor: Panduan Langkah demi Langkah
Formulir adalah elemen krusial dalam berinteraksi dengan pengunjung situs web Anda. Elementor, sebagai page builder yang populer di WordPress, mempermudah pembuatan formulir yang menarik dan fungsional. Dalam artikel ini, kita akan menjelaskan langkah-langkah membuat formulir dengan Elementor.
1. Buka Editor Elementor dan Pilih Halaman yang Ingin Anda Edit:
- Buka Halaman yang Ingin Anda Edit:
- Buka dashboard WordPress dan pilih halaman atau postingan yang ingin Anda tambahkan formulirnya.
- Aktifkan Editor Elementor:
- Klik tombol “Edit with Elementor” untuk membuka editor visual Elementor.
2. Tambahkan Widget Formulir:
- Temukan Widget Formulir:
- Di panel elemen Elementor, cari widget “Form” atau “Formulario” dan seret ke area desain Anda.
- Atur Tata Letak Formulir:
- Setelah menambahkan widget formulir, Anda dapat mengatur tata letak formulir dengan menyesuaikan lebar dan tinggi area formulir.
3. Konfigurasi Pengaturan Formulir:
- Tambahkan atau Hapus Kolom Formulir:
- Di panel sisi, Anda dapat menambahkan atau menghapus kolom formulir sesuai kebutuhan.
- Pilih dan Atur Bidang Formulir:
- Tambahkan bidang formulir seperti nama, email, atau pesan. Anda dapat menyesuaikan properti setiap bidang, seperti label, placeholder, dan apakah bidang tersebut wajib diisi atau tidak.
- Konfigurasi Pengaturan Umum Formulir:
- Di bagian pengaturan umum, Anda dapat mengatur pengaturan formulir, termasuk aksi formulir (URL tujuan setelah pengguna mengirimkan formulir), pesan sukses, dan pesan kesalahan.
- Tambahkan Tombol Submit:
- Pastikan untuk menambahkan tombol “Submit” dan sesuaikan teks tombol sesuai keinginan.
4. Atur Pengaturan Email (Opsional):
- Pergi ke Pengaturan Email di Panel Formulir:
- Jika Anda ingin menerima notifikasi email setiap kali formulir dikirim, pergilah ke pengaturan formulir dan atur alamat email penerima di bagian “Actions After Submit”.
5. Gaya dan Desain Formulir:
- Navigasi ke Tab Style:
- Pergi ke tab “Style” di panel sisi untuk mengatur desain formulir, termasuk warna, jenis font, dan gaya umum formulir.
- Atur Gaya Bidang dan Tombol:
- Anda dapat mengatur gaya setiap bidang formulir dan tombol “Submit”. Pastikan untuk membuatnya sesuai dengan estetika keseluruhan situs web.
6. Pengaturan Responsif:
- Pergi ke Tab Advanced dan Pilih Responsive:
- Pastikan untuk pergi ke tab “Advanced” dan pilih opsi “Responsive” untuk mengatur tampilan formulir pada perangkat seluler.
7. Tambahkan Efek Visual (Opsional):
- Pergi ke Tab Advanced dan Tambahkan Efek:
- Untuk menambahkan efek visual saat formulir muncul atau saat pengguna berinteraksi, pergi ke tab “Advanced” dan gunakan opsi “Entrance Animation” atau “Motion Effects”.
8. Pratinjau dan Simpan:
- Pratinjau Formulir:
- Gunakan fitur pratinjau di Elementor untuk melihat bagaimana formulir akan terlihat pada situs web Anda.
- Simpan Perubahan:
- Jika Anda puas dengan formulir yang telah dibuat, klik tombol “Update” atau “Publish” untuk menyimpan perubahan dan menerapkannya ke situs web Anda.
Tips Tambahan:
- Pertimbangkan Penggunaan Label dan Placeholder yang Jelas:
- Pastikan label dan placeholder pada bidang formulir memberikan petunjuk yang jelas kepada pengguna.
- Gunakan Validasi Formulir:
- Aktifkan validasi formulir untuk memastikan bahwa pengguna mengisi bidang yang diperlukan dengan benar sebelum mengirimkan formulir.
- Uji Formulir Secara Rutin:
- Lakukan uji formulir secara berkala untuk memastikan bahwa formulir berfungsi dengan baik dan pengaturan email notifikasi berjalan dengan lancar.
- Integrasikan dengan Layanan Pihak Ketiga:
- Jika diperlukan, pertimbangkan untuk mengintegrasikan formulir dengan layanan pihak ketiga seperti Mailchimp untuk mengelola langganan atau CRM untuk pelacakan lead.
Kesimpulan:
Dengan Elementor, pembuatan formulir menjadi lebih sederhana tanpa perlu pengetahuan pemrograman yang mendalam. Dengan mengikuti panduan langkah demi langkah di atas, Anda dapat membuat formulir yang sesuai dengan kebutuhan dan desain situs web Anda. Jangan ragu untuk menggali lebih dalam ke dalam fitur Elementor dan menyesuaikan formulir sesuai dengan strategi pemasaran dan interaksi pengguna yang diinginkan.
