Mengenal Contact Form 7 dan Cara Menggunakannya di WordPress

Mengenal Contact Form 7 dan Cara Menggunakannya di WordPress

Sharing is caring!

Kalian sudah tahukah bahwa dengan adanya formulir kontak di website akan memudahkan pengunjung menghubungi kalian? Untungnya nih, membuat formulir kontak cukup mudah dan praktis dengan bantuan plugin. Salah satunya, Contact Form 7. Mau tahu lebih lengkap tentang Contact Form 7? Tak usah lama-lama, simak yuk Mengenal Contact Form 7 dan Cara Menggunakannya di WordPress

Apa Itu Contact Form 7?

Contact Form 7 adalah salah satu plugin contact form terbaik. Plugin yang bisa digunakan gratis ini bisa membantu kalian untuk menambahkan formulir kontak di WordPress.

Formulir kontak merupakan formulir di website yang memungkinkan pengunjung untuk mengirimkan pesan kepada kalian. Nantinya, pesan tersebut akan masuk ke inbox email admin kalian di WordPress.

Membuat formulir kontak menjadi lebih praktis dengan plugin Contact Form karena berbagai fitur yang dimilikinya dapat menunjang kebutuhan kalian terkait komunikasi yang diinginkan, seperti:

  • Editor formulir yang memudahkan untuk mengkustomisasi formulir kontak
  • Template formulir yang siap digunakan
  • Integrasi dengan layanan pihak ketiga untuk mendukung upaya email marketing dan menambahkan opsi pembayaran melalui kartu kredit

Selain mudah digunakan, Contact Form 7 juga memiliki beberapa manfaat lainnya, yakni:

  • Memungkinkan menghapus atau mengedit formulir-formulir yang telah dibuat.
  • Memperbolehkan untuk menambahkan pesan terima kasih yang muncul setelah formulir diisi.
  • Mendukung Captcha dan filter Akismet untuk menyaring bot dan pesan spam.
  • Kompatibel dengan berbagai tema WordPress sehingga tidak menyebabkan error.

Cara Setting Contact Form 7 di WordPress

Berikut ini adalah langkah-langkah menggunakan Contact Form 7, mulai dari instalasi hingga membuat formulir:

  1. Login Dashboard WordPress

Langkah pertama cara setting Contact Form 7 di WordPress adalah login ke dashboard WordPress dengan username dan password kalian.

mengenal contact form 7 1

  1. Install dan Aktifkan Plugin Contact Form 7 

Klik menu Plugins => Add New di sidebar WordPress untuk membuka pencarian plugin. Lalu, ketikkan Contact Form 7 di kolom pencarian.

mengenal contact form 7 2

Kalau plugin tersebut sudah muncul di hasil pencarian, klik Install Now dan tunggu proses instalasi. Setelah instalasi selesai, jangan lupa klik Activate, ya.

mengenal contact form 7 3

  1. Buat Formulir Kontak Baru

Untuk membuat formulir baru, silakan buka editor Contact Form 7 dengan klik menu Contact => Add New di sidebar WordPress.

mengenal contact form 7 4

Di halaman editor contact form, tentukan judul untuk formulir kontak kalian di kolom paling atas.

mengenal contact form 7 5

Selanjutnya, kalian bisa mengedit template formulir yang tersedia pada kotak teks di bawah kolom judul.

mengenal contact form 7 6

Kalian juga bisa membuat formulir sendiri. Caranya, hapus semua teks dan klik tag informasi di atas kotak teks. Tag-tag ini adalah jenis kolom yang bisa kalian tambahkan ke formulir. Misalnya, jika ingin menambahkan kolom untuk informasi berupa alamat email, kalian klik tag email.

mengenal contact form 7 7

Akan muncul pop-up yang mana kalian bisa menentukan nama kolom dan menentukan apakah kolom tersebut wajib diisi atau tidak. Setelah kalian tentukan, klik Insert tag untuk menambahkan kolom ke formulir.

mengenal contact form 7 8

Kolom yang kalian tambahkan ke formulir belum memiliki label sehingga belum ada petunjuk informasi apa yang harus pengunjung website isikan. Untuk menambahkan label, Anda bisa menambahkan tag <label>.

Caranya, ketikkan tag pembuka <label>, lalu diikuti dengan teks yang ingin kalian jadikan label, misalnya Email Anda. Selanjutnya, ketikkan tag penutup </label> setelah kolom. Supaya lebih jelas, perhatikan contoh berikut ini:

mengenal contact form 7 9

Kalian tinggal mengulangi cara tersebut ketika menambahkan kolom dan label lainnya.

  1. Atur Format Email

Ketika pengunjung website mengirimkan pesan melalui formulir kontak, secara otomatis kalian akan menerima email yang berisi nama, detail kontak, serta isi dari pesan tersebut.

Kalian bisa melakukan pengaturan format email yang kalian terima melalui tab Mail. Pengaturan yang wajib kalian ubah di sini adalah di kolom To. Pastikan kalian isi kolom itu dengan email admin WordPress agar bisa kalian terima.

mengenal contact form 7 10

  1. Atur Pesan di Formulir Kontak

Langkah berikutnya untuk cara setting Contact Form 7 di WordPress adalah mengatur pesan yang muncul di formulir. Misalnya, setelah pengunjung website mengisi formulir, akan muncul pesan terima kasih.

Sebenarnya Contact Form 7 menawarkan template pesan yang sudah siap digunakan, tetapi ditulis dalam Bahasa Inggris. Jika ingin mengubahnya ke Bahasa Indonesia, klik tab Messages dan ketikkan pesan kalian di masing-masing kolom.

mengenal contact form 7 11

Kalian bisa tambahkan pesan untuk notifikasi ketika pesan telah terkirim atau gagal terkirim.

  1. Simpan Konfigurasi Formulir Kontak

Setelah kalian membuat formulir dan menentukan pengaturan, simpan semuanya dengan klik tombol Save di bagian bawah editor Contact Form 7.

Di bawah judul formulir akan muncul shortcode yang dibutuhkan untuk menampilkan formulir. Salin dan masukkan shortcode itu ke halaman, postingan, atau widget untuk menampilkan formulir.

mengenal contact form 7 12

Berikut ini adalah contoh formulir yang dipasang di area widget:

mengenal contact form 7 13

  1. Tes Formulir Kontak 

Jika sudah terpublish, cobalah isi formulir tersebut. Tujuannya adalah untuk memastikan formulir telah berfungsi dengan baik. Jika pesan berhasil terkirim, kalian akan melihat notifikasi seperti gambar di bawah ini.

mengenal contact form 7 14

Gimana, cara setting Contact Form 7 ternyata mudah, ya? Dengan memanfaatkan plugin tersebut, kalian bisa membuat formulir kontak untuk memudahkan pengunjung website menghubungi kalian.

Oia, formulir kontak memang termasuk salah satu fitur penting di website lho, terutama toko online. Sebab, calon konsumen jadi bisa bertanya tentang produk atau layanan dengan mudah.

Nah, Jetorbit punya Paket Website Toko Online, nih. Kalian bisa menjual apa saja dengan toko online milik kalian sendiri! Mudah digunakan oleh siapa saja yang tentunya disertai dengan dukungan bantuan terbaik yang kalian dapatkan. Tenang, kami juga menyediakan produk VPS yang bisa kalian gunakan sesuai kebutuhan kalian tentunya.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rata rata rating 0 / 5. Jumlah rate 0

Yuk Rate 5 Artikel Ini!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Tutorial dan Informasi Teknologi - Jetorbit Blog
Mengenal Contact Form 7 dan Cara Menggunakannya di WordPress
Artikel
Mengenal Contact Form 7 dan Cara Menggunakannya di WordPress
Informasi mengenai teknologi dan panduan menggunakan hosting, website dan domain
Mau tahu lebih lengkap tentang Contact Form 7? Tak usah lama-lama, simak yuk Mengenal Contact Form 7 dan Cara Menggunakannya di WordPress
Author Name
Publisher Name
Jetorbit
Publisher Logo
You might also like