Membuat Fasilitas Kontak Form di WordPress

March 7, 2014 at 1:44 pm | By : Muhammad Syarif WordPress No comments

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 :

Download plugin Contact Form disini
Setelah itu silahkan install, cara install bisa dilihat pada postingan sebelumnya disini
Setelah selesai, pilih Contact di dashboard
Akan muncul halaman seperti ini
Klik Edit pada Contact
Setelah itu akan muncul halaman seperti ini
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.
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 ini
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
Kita bisa tambahkan simbol * ini agar field tidak boleh kosong seperti gambar diatas.
Kemudian kita bisa memasukkan email yang akan menerima pesan nanti (kiri) dan mendesain pesan yang akan diterima oleh email tersebut (kanan).
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.
Kita bisa juga mendesain kalimat saat pesan terkirim, pesan gagal dikirim, validasi pesan, dan lain-lain.
Setelah selesai, klik Save untuk menyimpan yang ada diatas paling kanan.
Sekarang kontak yang telah kita gunakan sudah siap ditampilkan di post/page/widget. Kita copy-kan kode HTML yang ada pada Contact kehalaman kontak ataupun dipost/widget yang telah kita buat.
Berikut ini hasilnya