Formulir kontak adalah salah satu elemen penting di website untuk memudahkan pengunjung menghubungi Anda secara langsung. Di WordPress, salah satu plugin formulir kontak paling populer dan banyak digunakan adalah Contact Form 7. Plugin ini gratis, mudah digunakan, dan fleksibel untuk membuat berbagai jenis formulir kontak.

Pada artikel ini, kami akan memberikan panduan lengkap cara membuat formulir kontak di WordPress dengan Contact Form 7 agar Anda bisa langsung menerapkannya di website Anda.

Apa Itu Contact Form 7?

Contact Form 7 adalah plugin WordPress yang memungkinkan Anda membuat formulir kontak dengan berbagai bidang input secara mudah. Plugin ini mendukung CAPTCHA, AJAX submission, dan integrasi email sehingga pesan dari pengunjung bisa langsung masuk ke email Anda.

Cara Install Contact Form 7 di WordPress

1. Masuk ke dashboard WordPress Anda.

2. Klik menu Plugin > Tambah Baru.

3. Ketik “Contact Form 7” pada kolom pencarian.

4. Temukan plugin Contact Form 7 dari Takayuki Miyoshi, kemudian klik Install Now.

5. Setelah terinstall, klik Aktifkan.

Cara Membuat Formulir Kontak dengan Contact Form 7

1. Buat Formulir Baru

• Setelah aktif, masuk ke menu Contact > Contact Forms.

• Klik tombol Add New untuk membuat formulir baru.

• Secara default, akan muncul formulir kontak standar dengan field seperti Nama, Email, Subjek, dan Pesan.

2. Sesuaikan Formulir

• Anda bisa menambah, menghapus, atau mengubah field sesuai kebutuhan.

• Contoh tag form standar:

  scss

  CopyEdit

  Your Name (required)
  [text* your-name]

  Your Email (required)
  [email* your-email]

  Subject
  [text your-subject]

  Your Message
  [textarea your-message]

  [submit "Send"]


• Tanda * pada tag seperti [text*] menandakan bahwa field wajib diisi.

3. Atur Pengiriman Email

• Klik tab Mail di bagian atas formulir.

• Pastikan alamat email tujuan (To) sudah benar, biasanya sudah otomatis menggunakan email admin WordPress.

• Anda bisa mengatur subjek email, body email, dan header sesuai keinginan.

Cara Menampilkan Formulir Kontak di Halaman atau Postingan

• Setelah formulir selesai dibuat, akan muncul shortcode seperti:

  [contact-form-7 id="1234" title="Contact form 1"]


• Copy shortcode tersebut.

• Buka halaman atau postingan tempat Anda ingin menampilkan formulir kontak.

• Tempel shortcode di area konten.

• Simpan atau update halaman, lalu lihat hasilnya di website.

Tips Menggunakan Contact Form 7

• Tambahkan CAPTCHA untuk menghindari spam. Anda bisa menggunakan reCAPTCHA Google yang terintegrasi dengan Contact Form 7.

• Gunakan plugin tambahan jika ingin fitur lebih, seperti Contact Form 7 Database untuk menyimpan pesan di database.

• Test formulir dengan mengirim pesan percobaan sebelum live.

• Sesuaikan gaya form dengan CSS agar tampilan sesuai tema website.

Kesimpulan

Membuat formulir kontak di WordPress menggunakan Contact Form 7 sangat mudah dan efektif. Plugin ini fleksibel, ringan, dan memiliki fitur yang cukup lengkap untuk kebutuhan dasar formulir kontak. Dengan formulir kontak, pengunjung dapat menghubungi Anda dengan mudah, meningkatkan interaksi dan kepercayaan terhadap website.