Cara Membuat Form Kontak Menggunakan Elementor

Advan – Elementor adalah salah satu plugin page builder yang populer untuk WordPress. Dengan Elementor, pengguna dapat membuat situs web dengan tampilan yang menarik tanpa perlu menguasai coding. Salah satu fitur yang banyak digunakan adalah formulir kontak. Formulir kontak memungkinkan pengunjung untuk menghubungi pemilik situs dengan mudah. Berikut adalah langkah-langkah untuk membuat formulir kontak menggunakan Elementor.

1. Instalasi dan Aktivasi Elementor

Langkah pertama adalah menginstal dan mengaktifkan plugin Elementor. Caranya:

1. Masuk ke dasbor WordPress.
2. Pilih menu Plugins dan klik “Tambah Baru”.
3. Ketik “Elementor” pada kolom pencarian.
4. Klik “Install Now” pada plugin Elementor dan tunggu hingga instalasi selesai.
5. Setelah itu, klik “Activate” untuk mengaktifkan plugin.

2. Instalasi dan Aktivasi Elementor Pro

Untuk menggunakan fitur formulir, perlu menginstal Elementor Pro. Elementor Pro adalah versi berbayar dari Elementor yang menawarkan lebih banyak fitur dan fleksibilitas. Caranya:

1. Beli lisensi Elementor Pro dari situs resmi Elementor.
2. Unduh plugin Elementor Pro.
3. Kembali ke dasbor WordPress, pilih menu Plugins dan klik “Tambah Baru”.
4. Klik “Upload Plugin” dan unggah file zip Elementor Pro yang telah diunduh.
5. Klik “Install Now” dan tunggu hingga proses instalasi selesai.
6. Aktifkan plugin dengan klik “Activate”.

3. Membuat Halaman Baru

Setelah Elementor dan Elementor Pro terinstal dan aktif, langkah berikutnya adalah membuat halaman baru untuk formulir kontak. Caranya:

1. Pilih menu “Pages” pada dasbor WordPress dan klik “Add New”.
2. Beri judul halaman, misalnya “Kontak Kami”.
3. Klik tombol “Edit with Elementor” untuk membuka editor Elementor.

4. Menambahkan Formulir Kontak

Setelah masuk ke editor Elementor, langkah selanjutnya adalah menambahkan formulir kontak. Caranya:

1. Klik ikon “+” untuk menambahkan bagian baru.
2. Pilih struktur yang diinginkan (biasanya kolom tunggal).
3. Klik ikon widget di pojok kanan atas untuk membuka panel widget.
4. Seret widget “Form” ke dalam bagian yang baru dibuat.

5. Mengatur Formulir Kontak

Setelah formulir ditambahkan, langkah berikutnya adalah mengatur elemen-elemen dalam formulir. Elementor Pro menyediakan berbagai macam elemen yang bisa disesuaikan, seperti teks, email, nomor telepon, dan pesan. Caranya:

1. Klik formulir untuk membuka pengaturan di panel sebelah kiri.
2. Tambahkan dan sesuaikan elemen formulir sesuai kebutuhan. Misalnya, untuk menambahkan elemen email, klik “Add Item” dan pilih “Email”.
3. Atur label dan placeholder untuk setiap elemen agar lebih informatif.
4. Pada bagian Actions After Submit, pilih “Email” untuk mengatur pengiriman data formulir ke email yang ditentukan.

6. Mengatur Tampilan dan Desain

Elementor memungkinkan penyesuaian tampilan dan desain formulir kontak dengan mudah. Caranya:

1. Pilih tab “Style” di panel pengaturan formulir.
2. Atur jarak antar elemen, warna, dan ukuran teks sesuai keinginan.
3. Gunakan fitur advanced untuk menyesuaikan margin, padding, dan elemen lainnya agar formulir terlihat lebih menarik dan responsif.

7. Menyimpan dan Mempublikasikan Halaman

Setelah semua pengaturan dan desain selesai, langkah terakhir adalah menyimpan dan mempublikasikan halaman. Caranya:

1. Klik tombol “Publish” di bagian bawah panel pengaturan.
2. Kembali ke dasbor WordPress dan lihat halaman baru yang telah dibuat untuk memastikan formulir kontak berfungsi dengan baik.

Baca juga Cara Membuat Halaman dengan Elementor

Membuat formulir kontak menggunakan Elementor sangatlah mudah dan fleksibel. Dengan mengikuti langkah-langkah di atas, pengguna dapat membuat formulir kontak yang tidak hanya fungsional tetapi juga menarik. Selain itu, fitur-fitur yang ditawarkan oleh Elementor Pro memungkinkan penyesuaian yang lebih mendalam sesuai kebutuhan. Pastikan untuk selalu memeriksa dan menguji formulir kontak sebelum menggunakannya secara aktif untuk memastikan semua elemen berfungsi dengan baik.

Membuat formulir kontak menggunakan Elementor sangatlah mudah dan fleksibel. Dengan mengikuti langkah-langkah di atas, pengguna dapat membuat formulir kontak yang tidak hanya fungsional tetapi juga menarik. Selain itu, fitur-fitur yang ditawarkan oleh Elementor Pro memungkinkan penyesuaian yang lebih mendalam sesuai kebutuhan. Pastikan untuk selalu memeriksa dan menguji formulir kontak sebelum menggunakannya secara aktif untuk memastikan semua elemen berfungsi dengan baik.

Temukan kenyamanan dalam membuat situs web dengan plugin Elementor yang dipasang di perangkat Advan. Dengan performa tinggi dan daya tahan yang lama, Advan Workpro adalah pilihan tepat untuk aktivitas kreatif dan produktif setiap hari. Dapatkan perangkat Advan sekarang juga dan nikmati pengalaman desain web yang lebih lancar dan efisien.***

Editor : Adita Febriyanti