Tutorial

Apa Itu Contact Form 7 dan Cara Menggunakannya di WordPress

Adanya formulir kontak di website akan memudahkan pengunjung menghubungi Anda. Untungnya, membuat formulir kontak cukup mudah dan praktis dengan bantuan plugin. Salah satunya, Contact Form 7. 

Apa itu Contact Form 7 dan bagaimana cara setting Contact Form 7 di WordPress? 

Artikel ini akan menjelaskannya secara lengkap. Jadi, mari simak panduannya sampai akhir!

Apa Itu Contact Form 7?

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

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

Dengan plugin Contact Form, membuat formulir kontak menjadi lebih praktis. Sebab, berbagai fitur yang dimilikinya dapat menunjang kebutuhan Anda terkait komunikasi yang diinginkan, seperti:

  • Editor formulir yang memudahkan Anda 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, lho. Di antaranya:

  • Memungkinkan Anda menghapus atau mengedit formulir-formulir yang telah dibuat.
  • Memperbolehkan Anda 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.

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

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 Anda.

2. Install dan Aktifkan Plugin Contact Form 7

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

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

Baca juga: Panduan Membuat Form Login dengan HTML dan CSS

3. Buat Formulir Kontak Baru

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

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

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

Anda 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 Anda tambahkan ke formulir. Misalnya, jika ingin menambahkan kolom untuk informasi berupa alamat email, Anda klik tag email.

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

Kolom yang Anda 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 Anda jadikan label, misalnya Email Anda. Selanjutnya, ketikkan tag penutup </label> setelah kolom. Supaya lebih jelas, perhatikan contoh berikut ini:

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

4. Atur Format Email

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

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

5. 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 Anda di masing-masing kolom.

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

6. Simpan Konfigurasi Formulir Kontak

Setelah Anda 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 Anda perlukan untuk menampilkan formulir. Salin dan masukkan shortcode itu ke halaman, postingan, atau widget untuk menampilkan formulir.

Berikut ini adalah contoh formulir yang dipasang di area widget:

7. Tes Formulir Kontak

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

Yuk Gunakan Contact Form 7 untuk Buat Formulir Kontak Website secara Praktis!

Bagaimana? Ternyata cara setting Contact Form 7 itu mudah, bukan? Dengan memanfaatkan plugin tersebut, Anda bisa membuat formulir kontak untuk memudahkan pengunjung website menghubungi Anda.

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

Tentunya, masih ada banyak fitur lainnya yang wajib Anda miliki di website toko online, seperti wishlist, rekomendasi produk, dan keranjang belanja. Fitur-fitur seperti itu akan memberikan pengalaman berbelanja yang baik kepada pengunjung, sehingga mereka akan senang membeli di toko Anda.

Nah, agar website toko online Anda fiturnya lengkap, simak ebook fitur wajib toko online dengan klik banner di bawah ini! Gratis, lho!

Aldwin Nayoan

Aldwin is a content writer at Niagahoster. Specializing in web hosting and WordPress, he is eager to help people uplevel their business on the internet. Apart from being a tech junkie, Aldwin likes fiction and photography.

Share
Published by
Aldwin Nayoan

Recent Posts

Apa Itu SMTP dan POP3 pada Layanan Email

Tahukah Anda bagaimana pertukaran email bisa terjadi dengan baik? Salah satunya, berkat POP3 dan SMTP. POP3 dan SMTP adalah email…

4 hours ago

PTR Record: Pengertian dan Bagaimana Cara Melakukan PTR Record Check

Apakah email yang Anda kirim sering masuk ke folder spam penerima email? Bisa jadi, salah satu penyebabnya adalah Anda belum…

2 days ago

Cara Membuat Plugin WordPress Sendiri dengan Mudah

Ingin belajar cara membuat plugin WordPress sendiri? Yuk baca artikel ini untuk bisa praktik membuat plugin WordPress sederhana!

3 days ago

Rayakan Hari Jadi ke-9, Niagahoster Adakan Charity di Berbagai Kota di Indonesia

9 tahun sudah perjalanan perusahaan web hosting Niagahoster dalam menyediakan layanan terbaik, stabil, cepat, dan mudah bagi semua orang. Dalam…

3 days ago

9+ Blogger Indonesia Inspiratif yang Wajib Kamu Follow

Sedang kehabisan inspirasi ngeblog? Jangan sedih. Seringkali untuk mengatasi writer’s block, Anda hanya perlu mengunjungi blog-blog lain atau blogwalking. Apalagi…

4 days ago

Cara Pasang Iklan di Google Ads untuk Pemula (Terbaru)

Anda punya bisnis, tapi belum pernah mengiklankannya lewat Google Ads? Kalau belum, aduh… banyak potensi cuan yang terlewatkan, lho. Perlu…

1 week ago