Download! Download eBook tingkat SMP, SMA, & SMK

Membuat Contact Form di WordPress

Membuat Contact Form atau formulir kontak di WordPress merupakan hal wajib yang harus dilakukan oleh pemilik blog/website. Dengan adanya Contact Form, pengunjung dapat berkomunikasi dengan pemilik blog secara personal. Biasanya, beberapa pengunjung ingin berkomunikasi secara pribadi baik yang sifatnya pertanyaan maupun saran. Alasan lain pembaca tidak ingin pertanyaan atau komentar mereka tampil di bagian komentar blog. Dengan menggunakan fasilitas Formulir Kontak, secara tidak langsung dapat mengurangi komentar-komentar spam.

Untuk membuat Contact Form di WordPress, ada banyak pilihan plugin yang dapat digunakan. Pada umumnya, Formulir Kontak minimal berisi field Name, Email, Subject, dan Message. Lebih bagus lagi jika terdapat formulir kontak yang menyediakan fasilitas attachment secara gratis, agar pertanyaan maupun saran dari pengunjung dapat lebih detail/spesifik. Berikut tiga plugin Contact Form rekomendasi kami.

Baca juga:

#1 Contact Form 7

Plugin Formulir Kontak yang pertama adalah Contact Form 7 dari Takayuki Miyoshi. Jumlah instalasi plugin aktif sudah mencapai lebih dari 5 juta dengan rating 1.602. Belum diujicobakan pada WordPress versi 5.1.1, tetapi compatible untuk versi WordPress 5.0.4. Tercatat update terakhir plugin Contact Form 7 yaitu 4 bulan yang lalu.

Instalasi Contact Form 7

Berikut tahapan instalasi Contact Form 7:

#1 Masuk ke halaman Plugins > Add New, lalu cari plugin Contact Form 7 di kolom pencarian plugin, klik Install Now dan aktifkan plugin tersebut dengan mengklik Active

membuat formulir kontak dengan contact form 7

#2 Selanjutnya untuk membuat formulir kontak baru, klik Contact pada menu > Add New

#3 Pada halaman Add New Contact Form, isikan judul kontak pada kolom Enter title here, lalu atur label atau field yang ingin ditampilkan pada tab Form.

membuat formulir kontak dengan contact form 7

#4 Pada tab Mail, masukkan alamat email tujuan dari formulir kontak. Pastikan alamat email yang dimasukkan adalah email aktif.

membuat formulir kontak dengan contact form 7

#5 Pada tab message, terdapat kolom pesan sukses/error/failed setelah pengunjung menekan tombol submit/Send. Silakan diatur sesuai dengan keinginan

membuat formulir kontak dengan contact form 7

#6 Jika semua konfigurasi dirasa sudah cukup, klik save lalu copy

membuat formulir kontak dengan contact form 7

Paste short code ke halaman contact website

membuat formulir kontak dengan contact form 7

#7 Tes formulir kontak dengan membuka halaman contact website

membuat formulir kontak dengan contact form 7

#8 Tes akun email apakah formulir kontak berhasil terkirim atau tidak, bukan akun email yang dimasukkan pada pengaturan Contact Form tadi.

membuat formulir kontak dengan contact form 7

#2 WPForms Lite

Formulir Kontak yang kedua adalah WPForms yang dikembangkan oleh WPForms. Dengan jumlah instalasi plugin aktif yang sudah mencapai lebih dari 2 juta dengan rating 4.028 serta compatible dengan versi WordPress terbaru (Update terakhir plugin 23 April 2019).

Instalasi Formulir Kontak WPForms

Berikut tahapan instalasi Formulir Kontak WPForms:

#1 Temukan plugin WPForms pada halaman pencarian plugin

#2 Klik Install Now, jika sudah berhasil aktifkan plugin tersebut dengan klik Active

membuat formulir kontak dengan WPForms

#3 Untuk membuat formulir kontak, masuk ke halaman plugin dengan cara klik WPForms pada menu > Add New

#4 Pada halaman Setup, tuliskan nama formulir dan tentukan jenis template yang diinginkan

membuat formulir kontak dengan WPForms

#5 Atur field yang ingin disertakan pada formulir kontak lalu tekan tombol Save

membuat formulir kontak dengan WPForms

#6 Untuk memasang formulir kontak pada halaman kontak blog/website, silakan klik tombol Embed lalu copy kode dan pastekan ke halaman kontak blog/website

membuat formulir kontak dengan WPForms

#7 Lihat formulir kontak pada halaman contact, seperti gambar berikut ini.

membuat formulir kontak dengan WPForms

#8 Tes formulir untuk melihat pesan yang dikirim lewat formulir kontak, klik menu Dashboard > WPForms

membuat formulir kontak dengan WPForms

Sayangnya, kita tidak dapat melihat atau mengakses pesan-pesan yang dikirim melalui formulir kontak kecuali melakukan upgrade plugin dari WPForms Lite ke WPForms Pro

#3 Formidable Form

Contact Form terakhir yang ingin kami rekomendasikan adalah Formidable Form yang dikembangkan oleh Strategy11. Formidable telah digunakan lebih dari 200.000 user dengan jumlah rating mencapai 407. Contact Form ini sudah compatible dengan WordPress terbaru 5.1.1 dan terakhir diupdate pada tanggal 18 April 2019.

Instalasi Formidable Form

Untuk membuat formulir kontak dengan plugin Formidable Form, caranya hampir sama dengan dua form yang sudah dijelaskan sebelumnya. Simak langkah-langkah membuat contact form dari Strategy11 berikut ini:

#1 Masukkan kata kunci Formidable pada kolom pencarian Plugin, klik Install Now lalu lanjutkan dengan mengklik tombol Active untuk mengaktifkan plugin Contact Form ini

membuat formulir kontak dengan formidable form

#2 Masuk ke halaman konfigurasi, pilih Formidable pada menu > Forms (Lite)

#3 Pada halaman Form, kita dapat menambahkan Contact Form baru atau mengedit form yang sudah ada sebelumya. Klik add new untuk membuat contact form baru, atau klik edit pada form Contact Us

membuat formulir kontak dengan formidable form

#4 Pada halaman Add new form, pilih Choose Template

membuat formulir kontak dengan formidable form

#5 Selanjutnya masuk ke halaman konfigurasi formulir. Gunakan field Text untuk entry nama, Email untuk entry alamat email, Website/url untuk entry alamat website. Selain itu masih banyak entry lain yang bisa ditambahkan pada form contact.

membuat formulir kontak dengan formidable form

Drag and drop field yang diinginkan pada formulir kontak lalu klik update.

membuat formulir kontak dengan formidable form

#6 Terakhir pasang short code yang ada di halaman Formidable > Forms (Lite) > copy short code Contact Form yang telah dibuat sebelumnya

membuat formulir kontak dengan formidable form

#7 Paste short code ke halaman contact website

#8 Cek formulir kontak di halaman contact website, isi formulir lalu klik tombol Submit

membuat formulir kontak dengan formidable form

#9 Untuk melihat pesan yang masuk melalui formulir kontak, klik Formidable > Entries.

membuat formulir kontak dengan formidable form

Klik view untuk melihat isi pesan.

membuat formulir kontak dengan formidable form

Kesimpulan

Dari tiga form contact yang sudah kami paparkan di atas, masing-masing form memiliki kelemahan dan kelebihan, berikut diantaranya:

  • Form Contact 7:
    • Untuk melihat pesan yang masuk lewat formulir kontak, kita harus membuka akun email terlebih dahulu. Sebaiknya gunakan akun email gratis
    • Tidak menguras kapasitas hosting karena pesan tidak tersimpan di hosting tempat plugin terpasang
    • Adanya fasitilas/field attachment tanpa harus upgrade ke versi Pro
  • WPForms dan Formidable Form:
    • Fleksibel, karena pesan langsung masuk ke menu plugin WordPress tanpa harus membuka akun email
    • Menguras kapasitas hosting, karena pesan masuk di hosting tempat plugin terinstall
    • Tidak ada fasitilas attachment, untuk menggunakannya harus upgrade plugin

182 total views, 1 views today

Leave a Reply