Contact Form 7 adalah plugin untuk membuat form kontak di WordPress. Cara menggunakan plugin Contact Form 7 sangatlah mudah sehingga banyak dipakai webmaster. Plugin ini juga dapat digunakan di tema-tema WordPress yang sudah support dan terintegrasi, karena formulir yang disediakan oleh tema WordPress pada umumnya tidak menawarkan kustomisasi. Plugin ini sangat mudah untuk diintegrasikan dan digunakan.

Di artikel ini, saya akan menunjukkan kepada Anda bagaimana Anda dapat menggunakan plugin Contact Form 7 di situs web WordPress Anda. Saya juga akan membahas kustomisasi formulir dan email.

Mengingat banyaknya pilihan yang tersedia untuk mengintegrasikan formulir kontak kustom di WordPress, penting untuk mengetahui nilai yang ditawarkan oleh Contact Form 7, yang dengan mudah menjadikannya salah satu plugin terbaik untuk WordPress.

Fitur-fitur Contact Form 7

Berikut ini adalah beberapa fitur luar biasa dari plugin contact form WordPress.

  • Opsi kustomisasi agar sesuai dengan kebutuhan unik Anda
  • Proses implementasi dan integrasi yang sederhana
  • Bantuan hanya dengan beberapa klik saja

Instal Plugin Contact Form 7 di WordPress

Jadi, mari kita mulai dengan bagian instalasi

  1. Masuk ke dashboard wp-admin WordPress
  2. Masuk ke Plugins → Add New
  3. Ketik “Contact Form 7” di kotak pencarian
  4. Setelah menemukan, instal dan aktifkan plugin dengan mengklik install → Active

  1. Setelah terinstall, akan muncul menu “Contact”.

Menampilkan Form

Untuk menampilkan formulir, buka Contact → Contact Forms di dashboard WordPress Anda. Anda dapat mengelola beberapa formulir dari lokasi ini.

Contact form sudah tersedia untuk segera digunakan. Tepat di sebelah nama contact form  1, Anda dapat melihat shortcode seperti dibawah ini.

[contact-form-7 id=”18″ title=”contact form 1″]

Salin kode pendek ini dan tempelkan di halaman kontak Anda.

Cara Menggunakan Plugin Contact Form 7

Berikut ini adalah proses langkah demi langkah menggunakan dan kustomisasi contact form yang dibuat oleh Contact Form 7.

Pertama, silahkan buat contact form baru terlebih dahulu dengan klik Tambah Baru.

Tab di atas area teks menawarkan beberapa tag yang berguna untuk menulis/mengkustomisasi email.

Area teks sudah memiliki tag-tag dasar. Namun, Anda dapat menyisipkan elemen apa pun dengan memasukkan tag yang tepat.

Selanjutnya pindah ke Tab “Mail”. Disini Anda bisa memformat tata letak email dengan tepat.

Tab terakhir yang harus diedit adalah tab Messages, di mana Anda dapat menyesuaikan pesan dalam beberapa kondisi.

Di langkah ini, sebagian besar kustomisasi untuk form sudah selesai. Anda dapat menggunakan form ini di halaman kontak dengan menempelkan kode pendek terkait. Jika tidak ada, Anda harus membuatnya. Setelah Anda mengintegrasikan contact form, selalu uji coba.

Di form ini, setelah pengguna mengklik tombol Kirim, pesan “terima kasih” akan ditampilkan.

Anda akan menerima email (lihat gambar di bawah ini) sebagai hasil pengujian Anda.

Bagaimana Cara Menambahkan reCAPTCHA?

Plugin Contact Form 7 sudah dilengkapi dengan fitur captcha. Silakan ikuti langkah-langkah di bawah ini untuk menambahkan reCAPTCHA ke situs web Anda.

Untuk memulai dengan reCAPTCHA, Anda harus memiliki akun Google dan mendaftarkan situs Anda untuk mendapatkan kunci API:

  1. Masuk ke akun Google Anda dan buka panel admin reCapture.
  2. Daftarkan situs web Anda dengan masukkan nama Domain dan Label Anda. Klik tombol Submit.
  3. Setelah Anda melakukannya, Anda akan mendapatkan kunci situs dan kunci rahasia.
  4. Masuk ke panel admin WordPress Anda.
  • Lanjut dengan Navigasi ke halaman Kontak → Integrasi.

  • Temukan bagian reCAPTCHA dan klik tombol Configure Keys.
  • Masukkan Site Key dan Secret Key Anda ke dalam kolom yang tersedia.

  • Buka contact form Anda di bagian Kontak → Formulir Kontak di dasbor Anda.
  • Tambahkan kode pendek di bawah ini ke bidang formulir kontak: [recaptcha]
  • Klik Simpan dan muat ulang situs Anda untuk melihat perubahannya.

Kesimpulan

Mengkustomisasi dan menyiapkan formulir kontak WordPress menggunakan plugin Contact Form 7 sangatlah mudah. Saya harap blog ini membantu Anda dalam menyiapkan contact form khusus untuk situs web Anda. Jika Anda membutuhkan klarifikasi atau memiliki pertanyaan, silakan tinggalkan komentar di bawah ini.

Omnirank Team

Article by Omnirank Team

Omnirank Team adalah SEO enthusiast yang memastikan seluruh artikel yang di publish bermanfaat untuk Anda.