Cara Membuat Kontak Formulir Pada WordPress Dengan Plugin Contact Form 7

Pemberian formulir kontak pada website mempunyai beberapa manfaat, khususnya jika website tersebut adalah website bisnis. Selain akan memudahkan para pengakses website bisa langsung mnghubungi anda melalui website, pemberian formulir kontak juga akan mengurangi spam.

Jika menggunakan wordpress, pembuatan kontak formulir akan sangat mudah untuk dilakukan. Hanya dengan menggunakan plugin yang telah di sediakan oleh wordpress dan prosesnya juga tidak terlalu lama.

Ada banyak sekali plugin yang dapat digunakan untuk membuat formulir kontak pada wordpress, salah satunya adalah Contact Form 7. 

Pengertian

Contact Form 7 adalah plugin formulir kontak yang paling sering digunakan sampai saat ini. Dengan lebih dari 3 juta installasi aktif di seluruh dunia. Penggunaan yang mudah adalah daya tarik utama dari plugin ini. Kali ini Nusablog akan membahas bagaimana cara membuat formulir kontak pada wordpress menggunakan Contact Form 7. Berikut ini langkahnya.

Cara Membuat Kontak Formulir Pada WordPress Dengan Plugin Contact Form 7

1. Install Plugin

Proses pertama penbuatan formulir kontak wordpress adalah Pengistallan plugin. Berikut ini langkah-langkahnya

  • Login kedalam dashboard wordpress.
  • Pilih menu Plugin, klik Add New.
  • Ketikan Contact Form 7 pada kolom pencarian.
  • Setelah menemukan Contact Form 7, klik Install Now.
  • Setelah proses Installasi selesai, klik Activate

2. Pembuatan Formulir Kontak

Setelahproses Installasi dan activated plugin telah selesai maka proses selanjutnya adalah Pembuatan formulir kontak. Berikut ini cara-caranya.

  • Kembali ke halaman utama dashboard wordpress.
  • Pilih menu Contact, lalu klik pilihan Add New.
  • Setelahnya akan diarahkan kehalaman Add New Contact Form.
  • Kolom pertama atau paling atas adalah kolom untuk judul kontak formulir disini nusablog memberikan contoh dengan “test contact form”
  • Untuk kolo yang berada di bawah kolom title atau judul dapat diisi sesuai dengan keinginan. Pengelola website dapat menambah atau mengurangi jumlah kolom yang ada. Selain itu pengelola website juga dapat merubah bahasa pada kolom menjadi bahasa yang di inginkan.
  • Setelah semuanya selesai. klik Save.

3. Tetapkan Format Email

Setelah format formulir kontak telah di save, maka langkah selanjutnya adalah menetapkan format email. Berikut ini langkah-langkahnya.

  • Arahkan ke tab Mail yang masih berada pada halaman Add New Contact Form.
  • Isi form yang ada pada tab ini sesuai dengan email yang digunakan.
  • Pada tab ini, pastikan alamat email yang ada pada form To telah sesuai dengan alamat email yang aktif.

4. Atur tampilan

Pada bagian tab Messages, pengelola website dapat mengatur pesan yang tampil ketika pengunjung mengirimkan pesan. Sebagai contoh, ketika pengunjung berhasil mengirimkan pesan pengelola website dapat menampilkan notifikasi bahwa pesan telah terkirim. Begitu juga jika pesan tidak terkirim, pengelola website juga dapat menampilkan notifikasi bahwa pesan tidak berhasil terkirim. Silakan lakukan percobaan dan gunakan sesuai dengan keinginan.

5. Simpan dan Publish

Setelah semua proses pembuatan telah selesai langkah selanjutnya adalah menyimpa data dan mempublish formulir kontak pada website. berikut ini adalah cara-caranya.

  • Setelah semua prose pembuatan telah selesai, klik Save.
  • Setelahnya akan muncul script seperti pada gambar dibawah ini.

  • Setelahnya klik pilihan Contct Form pada menu Contact.
  • Salin script pada formulir kontak yang telah dibuat.

  • Setelah menyalin script, selanjutnya buka menu Page, klik Add New.
  • Setelahnya akan diarahkan ke halaman Add New Page.
  • Beri judul pada tentang apa yang akan di tambahkan. Kali ini nusablog akan mencontohkannya dengan judul Hubungi Kami.
  • Tempelkan script yang telah di salin sebelumnya
  • Setelahnya klik Publish.

  • Setelah di publish maka pada website akan terdapat tampilan seperti pada gambar berikut.

Demikianlah cara untuk membuat formulir kontak padawebsite WordPress menggunakan plugin Contact Form 7. Selamat mencoba dan semoga bermanfaat.

#RAS

Leave a Reply