Membuat Fasilitas Kontak Form di WordPress

Kali ini saya akan menjelaskan tentang membuat kontak form di WordPress, yang berfungsi untuk mempermudahkan user untuk berkomunikasi dengan admin website dengan cara mengisi form yang telah disediakan.Langkah-langkah yang diperlukan adalah :

  1. Download plugin Contact Form disini
  2. Setelah itu silahkan install, cara install bisa dilihat pada postingan sebelumnya disini
  3. Setelah selesai, pilih Contact di dashboardPilihContact
  4. Akan muncul halaman seperti ini halamanContactForm
  5. Klik Edit pada ContactEditContact
  6. Setelah itu akan muncul halaman seperti ini EdithalamanContactForm
  7. Pada gambar diatas kode Contact akan kita gunakan untuk menampilkan form pada post/page/widget nantinya, dan Form yang sebelah kiri merupakan kode HTML yang telah kita tambahkan, kode ini secara default sudah ada saat kita install, sedangkan yang disebelah kanan pada Generate Tag merupakan field-field yang kita gunakan untuk menambahkan desain kontak yang kita buat.
  8. Sekarang kita tambahkan captcha untuk mengantisipasi spam, agar captcha yang kita gunakan berhasil kita install terlebih dahulu plugin captcha untuk mengatur kode captcha secara otomatis Download disini, setelah itu klik CAPTCHA pada Generate Tag, akan muncul gambar seperti iniEditCaptcha
  9. Silahkan konfigurasi sesuai dengan keinginan, setelah selesai kita copy-kan kode yang ada pada For image dan For input field paling bawah ke halaman HTML dengan menambahkan HTML yang lain. Hasilnya seperti ini AddCaptcha
  10. Kita bisa tambahkan simbol * ini agar field tidak boleh kosong seperti gambar diatas.
  11. Kemudian kita bisa memasukkan email yang akan menerima pesan nanti (kiri) dan mendesain pesan yang akan diterima oleh email tersebut (kanan). EditEmail
  12. Kita bisa menambahkan lebih dari satu email yang akan menerima pesan tersebut, dengan mencentang Use mail (2) dan menuliskan email yang akan menerima dan mendesain pesan yang akan diterima oleh email tersebut. addemailcontact
  13. Kita bisa juga mendesain kalimat saat pesan terkirim, pesan gagal dikirim, validasi pesan, dan lain-lain.MessageContact
  14. Setelah selesai, klik Save untuk menyimpan yang ada diatas paling kanan.
  15. Sekarang kontak yang telah kita gunakan sudah siap ditampilkan di post/page/widget. Kita copy-kan kode HTML yang ada pada Contact CopyCodeContact kehalaman kontak ataupun dipost/widget yang telah kita buat.
  16. Berikut ini hasilnya Kontak

Itulah sedikit penjelasan dari saya mengenai cara membuat kontak form di WordPress, semoga bermanfaat. Terima kasih.

Dilihat sebanyak : 595 kali

Print Friendly

Leave a Reply

Your email address will not be published. Required fields are marked *

*

code

[+] kaskus emoticons nartzco