Rumahweb's News, Article, and Tutorial of Web Development

Cara Membuat Kontak Form di WordPress dengan Elementor

Setiap website pasti memiliki menu halaman sesuai dengan profile website yang digunakan. Namun, salah satu halaman penting yang harus ada di dalam sebuah website adalah halaman kontak. Halaman ini berfungsi sebagai sarana dimana pengunjung situs website dapat berkomunikasi atau menghubungi pengelola/pemilik website secara langsung.

Untuk website yang dibuat dengan platform WordPress, ada banyak sekali plugin contact form yang bisa Anda gunakan seperti Contact Form 7, Ninja Form hingga Elementor. Kali ini, Rumahaweb akan berbagi Tips untuk membuat form kontak melalui plugin elementor.

Pastikan plugin elementor sudah Anda install sebelumnya. Jika belum, Anda bisa mengikuti panduan berikut : install plugin di WordPress

Setelah plugin elementor aktif, Anda bisa mengikuti panduan berikut untuk membuat form di menu pages :

  1. Untuk halaman kontak pada menu Laman / Pages, kemudian cari dengan nama halaman Contact.

2. Lalu klik Edit / Sunting pada halaman Contact.

3. Setelah muncul halaman editor, klik tombol “Edit with Elementor”.

4. Pada menu Element, cari widget Form bisa melalui fitur “Search Widget” atau dengan scroll widget.

5. Klik pada widget Form, kemudian drag and drop (tarik dan lepas) pada halaman kontak seperti gambar dibawah ini.

6. Setelah berhasil menambahkan widget Form akan tampil seperti gambar berikut. Secara default untuk form ada 3 kolom, diantaranya : Name, Email, dan Message.

7. Pada Form Fields, untuk Form Name bisa diisikan dengan “Contact Form” atau sesuai dengan halaman yang Anda inginkan.

8. Sebagai opsi tambahan, Anda bisa menambahkan kolom No. Handphone dengan klik tombol “+ ADD ITEM“.

9. Kemudian bisa sesuaikan dengan urutan form yang Anda inginkan seperti gambar dibawah ini.

10. Selanjutnya, klik tombol “Button” untuk disesuaikan dengan form kontak Anda.

11. Lalu bisa edit dari tombol “Send” menjadi “Kirim Pesan”.

12. Selanjutnya konfigurasi email agar berhasil terima pesan dari pengunjung dengan klik menu “Email

13. Berikut adalah pengaturan yang perlu Anda konfigurasikan di bagian Email :
To : masukkan alamat email ke mana pesan harus dikirim setelah formulir kontak dikirim.
Email Subject : tambahkan perihal yang akan ditampilkan di kotak surat Anda.
From Email : masukkan alamat email tujuan pengiriman pesan.
Form Name : tambahkan nama dari siapa email itu dikirim.
Reply-To : masukkan alamat email yang dapat Anda kirimi balasan setelah pesan diterima. Secara default, jika kolom ini kosong, balasannya akan dikirim ke pengirim. Anda dapat mengubahnya dan menambahkan alamat email lain di  kolom Cc dan Bcc.

14. Setelah berhasil setting dan konfigurasi, selanjutnya klik tombol “UPDATE”.

15. Kemudian Anda bisa mencoba tes kirim pesan untuk memastikan apakah konfigurasi sudah benar atau tidaknya.

16. Apabila konfigurasi email sudah benar, maka testing pengiriman email akan berhasil dengan muncul pesan “The form was sent successfully.

Demikian panduan Rumahweb tentang cara mudah membuat kontak form di WordPress dengan Elementor. Selamat mencoba.

Tinggalkan Komentar

Jan Laen Player

Blog Competition