Mhd. Syarif

Orang Bisa Kenapa Saya Tidak

Search


Photo Credit **


In Harmonia Progressio

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 dashboard

PilihContact

4. Akan muncul halaman seperti ini

halamanContactForm

5. Klik Edit pada Contact

EditContact

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 ini

EditCaptcha

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, Setelah itu klik Save untuk menyimpan yang ada diatas paling kanan.

11. 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.

12. Berikut ini hasilnya

Kontak

Itulah sedikit penjelasan dari saya mengenai cara membuat kontak form di WordPress, semoga bermanfaat. Terima kasih (*www.mhdsyarif.com).

Tags: Kontak Form WordPress, Plugin WordPress, WordPress

This entry was posted on Friday, March 7th, 2014 at 3:06 pm and is filed under WordPress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

To use reCAPTCHA you must get an API key from https://www.google.com/recaptcha/admin/create