Apa Itu Contact Form 7 dan Cara Menggunakannya di WordPress


Contact Form 7 yaitu plugin contact form terbaik. Plugin yang dapat digunakan gratis ini bisa membantu kamu untuk menambahkan formulir kontak di WordPress.

Formulir kontak adalah formulir di website yang pengunjung untuk mengirimkan pesan kepada kamu. Nantinya, pesan itu akan masuk ke inbox email admin kamu di WordPress.

Dengan plugin Contact Form, membuat formulir kontak jadi lebih praktis. Karena, berbagai fitur yang dimiliki dapat menunjang kebutuhan kamu terkait komunikasi yang diinginkan, seperti:

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

Selain mudah digunakan, Contact Form 7 ini juga mempunyai manfaat lainnya, lho. Di antaranya:

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

Banyak juga, ya, yang bisa kamu lakukan dengan Contact Form 7? Sekarang, mari kita belajar menggunakan plugin tersebut!

Cara Setting Contact Form 7 di WordPress

Berikut ini langkah-langkah menggunakan Contact Form 7, mulai instalasi sampe membuat formulir:

1. Login Dashboard WordPress

Langkah pertama cara setting Contact Form 7 di WordPress yaitu login ke Dashboard WordPress dengan username dan password kamu.

Login ke dashboard admin WordPress
Sumber : www.niagahoster.co.id

2. Install dan Aktifkan Plugin Contact Form 7 

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

mencari Contact Form 7
Sumber : www.niagahoster.co.id

Kalau plugin itu sudah muncul di hasil pencarian, klik Install Now dan tunggu proses instalasi. Dan setelah instalasi selesai, lalu klik Activate.

menginstal Contact Form 7
Sumber : www.niagahoster.co.id

3. Buat Formulir Kontak Baru

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

setting contact form 7
Sumber : www.niagahoster.co.id

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

kolom judul formulir
Sumber : www.niagahoster.co.id

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

template formulir Contact Form 7
Sumber : www.niagahoster.co.id

Kamu juga bisa membuat formulir sendiri. Caranya, hapus seluruh teks dan klik tag informasi yang ada di atas kotak teks. Tag-tag tersebut adalah jenis kolom yang bisa kamu tambahkan ke formulir. Contohnya, jika ingin menambahkan kolom untuk informasi seperti alamat email, kamu klik tag email.

tag kolom formulir
Sumber : www.niagahoster.co.id

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

pengaturan tag formulir
Sumber : www.niagahoster.co.id

Kolom yang kamu tambahkan ke formulir belum mempunyai label, sehingga belum ada petunjuk informasi apa yang wajib pengunjung website isikan. Untuk menambahkan label, kamu bisa menambahkan tag <label>.

Caranya, ketikkan tag pembuka <label>, kemudian diikuti dengan teks yang ingin kamu jadikan label, misalnya Email kamu. Selanjutnya, ketikkan tag penutup </label> setelah kolom. Agar lebih jelas, perhatikan contoh bawah:

menambahkan label untuk kolom formulir
Sumber : www.niagahoster.co.id

kamu tinggal mengulangi cara itu ketika menambahkan kolom & label lainnya.

4. Atur Format Email

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

Kmau bisa melakukan pengaturan format email yang kamu terima melalui tab Mail. Pengaturan yang wajib kamu ubah di sini yaitu di kolom To. Pastikan kamu isi kolom itu dengan email admin WordPress supaya bisa kamu terima.

form kontak di blog
Sumber : www.niagahoster.co.id

5. Atur Pesan di Formulir Kontak

Langkah selanjutnya cara setting Contact Form 7 di WordPress yaitu mengatur pesan yang muncul di formulir. Contohnya, setelah pengunjung website mengisi formulir, maka akan muncul pesan terima kasih.

Sebenarnya Contact Form 7 ini menawarkan template pesan yang siap digunakan, namun ditulis dalam bahasa Inggris. Jika ingin mengubahnya ke dalam bahasa Indonesia, klik tab Messages dan ketikkan pesan kamu di masing-masing kolom.

pesan pada contact form
Sumber : www.niagahoster.co.id

Kamu bisa tambahkan pesan untuk notifikasi saat pesan telah terkirim atau gagal terkirim.

6. Simpan Konfigurasi Formulir Kontak

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

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

form kontak di wordpress
Sumber : www.niagahoster.co.id

Berikut ini adalah contoh formulir yang dipasang di area widget:

hubungi kami

7. Tes Formulir Kontak 

Jika sudah terpublish, cobalah isi formulir itu. Tujuannya, untuk memastikan formulir sudah berfungsi dengan baik. Jika pesan berhasil terkirim, kamu akan melihat notifikasi seperti gambar di berikut ini.

Baca Juga :  Cara Mengatasi Your IP Address Has Changed di cPanel