Waryanto Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

Membuat Formulir Kontak WordPress dengan Contact Form 7

2 min read

contact form 7

Formulir kontak pada website memiliki manfaat cukup besar bagi website bisnis Anda. Selain memudahkan pengunjung menghubungi Anda langsung melalui website, adanya formulir kontak juga dapat mengurangi spam.

Cara paling mudah membuat formulir kontak WordPress adalah dengan menggunakan plugin. Ada banyak plugin yang bisa Anda gunakan, salah satunya adalah Contact Form 7. 

Dengan lebih dari 3 juta instalasi aktif, Contact Form 7 adalah plugin formulir kontak yang paling banyak digunakan di seluruh dunia hingga saat ini. Penggunaan yang mudah adalah daya tarik utama plugin ini. Demikian juga alasan tutorial formulir kontak kami menggunakan Contact Form 7. Siapapun dapat menggunakannya dengan mudah, bahkan pengguna awam sekalipun.

Apa yang Anda Butuhkan?

Sebelum melanjutkan langkah pada tutorial ini, pastikan bahwa Anda memiliki:

Langkah 1: Instal Contact Form 7

1. Login ke dashboard admin WordPress kemudian klik menu Plugins > Add new yang ada di bagian kiri halaman.

2. Silakan lakukan pencarian Contact form 7 para search bar, kemudian klik tombol Install Now.

contact form 7

3. Setelah proses instalasi selesai, silakan tekan tombol Activate untuk mengaktifkan plugin.

membuat form kontak

Langkah 2: Aktifkan Plugin

Setelah plugin aktif, Anda akan melihat menu baru bernama Contact di sebelah kiri.

1. Silakan pilih menu Contact > Add new untuk membuat formulir kontak baru.

setting contact form 7

2. Buat judul untuk formulir kontak Anda, misalnya WordPress Contact Form.

3. Beberapa label sudah terisi guna membantu Anda memulai pembuatan formulir kontak. Anda dapat menghapus atau menambahkan label serta form input dengan memilihnya pada bagian atas area teks. Apabila Anda belum mengerti apa yang perlu Anda pilih, silakan tekan tombol Save. Anda dapat melakukan pengaturan lebih lanjut di lain waktu.

contact form 7

4. Anda dapat menambah dan mengurangi elemen sesuai dengan keinginan, misalnya mengubah bahasa tampilan. Bagian yang terdapat tanda bintang *, berarti wajib diisi.

membuat form kontak

Langkah 3: Tetapkan Format Email

Ketika pengunjung mengirimkan email melalui formulir kontak, secara otomatis Anda akan menerima email yang berisi nama, detail kontak, serta body dari pesan Anda.

Anda dapat melakukan pengaturan email melalui tab Mail. Anda dapat melakukan percobaan dengan menambahkan beberapa kode di sini.

PENTING – Pastikan Anda memasukkan alamat email aktif pada form To. Ini adalah email untuk menerima pesan.

form kontak di blog

Langkah 4: Atur Tampilan

Pada bagian tab Messages, Anda dapat mengatur pesan yang tampil ketika visitor mengirimkan pesan. Sebagai contoh, ketika pengunjung berhasil mengirimkan pesan Anda dapat menampilkan notifikasi bahwa pesan telah terkirim. Begitu juga jika pesan tidak terkirim, Anda dapat menampilkan notifikasi bahwa pesan tidak berhasil terkirim. Silakan lakukan percobaan dan gunakan sesuai dengan keinginan Anda.

pesan pada contact form

Langkah 5: Simpan dan Publish Formulir Kontak

Setelah selesai melakukan pengaturan, silakan simpan dengan menekan tombol Save. Setelah berhasil disimpan, maka shortcode akan terlihat di bagian atas, seperti yang terlihat pada gambar di bawah ini.

form kontak di wordpress

Untuk menerbitkan formulir kontak, Anda dapat mengikuti langkah di bawah ini.

1. Pilih shortcode yang akan digunakan dengan memilih menu Contact Form > nama kontak form Anda. Kemudian, salin shortcode tersebut.

membuat form kontak di wordpress

2. Paste shortcode ke dalam halaman, postingan, maupun widget tempat Anda ingin menampilkannya. Pada contoh ini kami meletakkannya di suatu halaman dengan memilih menu Pages > Add New.

halaman kontak di wordpress

3. Hasilnya terlihat seperti gambar di bawah ini.

hubungi kami

Langkah 6: Tes Formulir Kontak

Tes formulir kontak penting untuk dilakukan. Tujuannya adalah untuk memastikan apakah tampilan yang muncul telah sesuai harapan dan dapat berfungsi dengan baik.

Untuk melakukan hal tersebut, silakan akses website Anda dan kirim pesan melalui formulir tersebut. Apabila pesan telah berhasil terkirim, Anda akan melihat notifikasi seperti gambar di bawah ini.

email terkirim

Kesimpulan

Mudah, bukan?

Tutorial ini telah menjelaskan cara setting contact form 7 yang Anda butuhkan mengenai pembuatan formulir kontak website WordPress dengan plugin Contact Form 7. Bila Anda masih memiliki pertanyaan, jangan ragu untuk menyampaikannya pada kolom komentar di bagian bawah halaman ini.

Klik Subscribe sekarang untuk mendapatkan update artikel terbaru langsung dari email Anda! 😊

1
Waryanto Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

16 Replies to “Membuat Formulir Kontak WordPress dengan Contact Form 7”

    1. Silahkan periksa folder spam anda, kadangkala email dari contact form 7 terkirim kesana. kemudian move / drag email tersebut ke folder utama anda agar setiap ada notifikasi selalu terpantau.

  1. Lalu bagaimana cara untuk membuat contact us dengan tambahan upload gambar atau biasa di sebut attachment ?

    1. Untuk menambahkan attachment Anda dapat menggunakan tag file, pilih menu Contact > Contact Form > Edit Shortcode yang sudah dibuat > Klik tab Form > Pilih tag file.

    2. Untuk halaman contact us tidak disarankan menggunakan fitur tersebut pak karena umumnya contact us hanya sekedar berfungsi untuk pertanyaan ringan.
      Untuk komunikasi yang lebih intens dan melibatkan sharing document dapat memanfaatkan email.

  2. mas kalau cara mengganti email yang sudah ada pada contact us sebelumnya bagaimana? saya sudah mengeditnya tetapi yang muncul di webnya tetap email yang sebelumnya? terimkasih

    1. Untuk mengganti email tujuan, Anda dapat mengubahnya melalui menu "Contact > Contact Forms > Klik Edit pada contact form yang Anda buat > pilih tab Mail", silakan ubah alamat email pada kolom "To" sesuai email yang Anda inginkan, kemudian simpan perubahan dengan menekan tombol "Save".

      Semoga membantu, 🙂

  3. Instalasi sesui dengan TUTORIAL disini dan di Plugin Homepage, settingan dari Tab, FORM, MAIL, MESSAGES, sudah sesuai. tetapi, setelah di TEST, tidak ada pesan masuk ke email saya, kesalahan dimana yah. Pencerahannya bg. dibantu ..

    1. Jika sudah sesuai dengan tutorial biasanya ada masalah pada server hosting, silakan tanyakan ke support hosting Anda terkait hal tersebut. Selain itu, biasanya email akan masuk folder spam, silakan untuk dicek pada folder spam email Anda. Semoga membantu. 🙂

  4. saya sudah setting sesuai tutroial,diwaktu uji coba untuk di formnya keluar notifikasi bahwa sukses ,tapi diemail tidak ada pesan apapun yang diterima? bagaimana gan?

  5. Tadi udah belajar pake contact form 7, sekarang udah lumayan bisa. Cocok buat link pendaftaran misalnya untuk event – event dan lain sebagainya. Makasih untuk tutorialnya.

  6. Mas untuk edit contact form 7 jadi form pemesanan gimana ya? Bisa ga kolom emailnya ga diaktifin, maksudnya biar kolomnya cuma nama, no tlp, jumlah pesanan, alamat & kode pos!
    Saya pengguna niagahoster, kebetulan..
    Terima kasih

  7. Ketika ada yang contact kok yg muncul malah script bukan “kalimat ” itu bagaimana solusinya

Leave a Reply

Your email address will not be published. Required fields are marked *

fourteen − two =