Home » Tutorial Wordpress

Cara setting contact form plugin di wordpress

24 September 2009 No Comment

Contact form atau kata lain yang biasa kita pakai kontak kami merupakan alat atau media komunikasi dua arah antara pemilik website dengan pengunjung website. Dengan adanya media ini tentu website anda terlihat lebih dinamis dan profesionl karena memanjakan pengunjung web atau blog anda.

Sebelum kita praktek cara setting dan membuat contact form sebaiknya anda download dulu plugin nya disini http://www.wordpress.org/extend/plugin/contactform7.zip dan http://www.wordpress.org/extend/plugin/really simple captcha.zip nanti akan saya jelaskan fungsi dan kegunaan masing – masing plugin tersebut.

Setelah kedua plugin tersebut anda install ke dalam dashboard anda maka akan muncul menu baru didalam menu dashboard yaitu menu contact kemudian klik edit maka akan terbuka halaman baru terlihat sperti gambar dibawah ini, dibagian inilah inti dari tutorial ini.
Photobucket

sesuaikan dengan kebutuhan website anda informasi apa yang perlu di isi oleh pengunjung web anda. Ingat code yang dicopy kemudian diletakan disebelah kiri sperti gambar diatas harus ditambahkan dengan code <p> didepan lalu tuliskan nama form misal nama anda <br> lalu tempatkan code yang anda copy dari kolom sebelah kanan dan akhiri dengan code </p>. dan diawal tadi anda sudah menginstall 2 plugin dan fungis dari plugin really simple captcha adalah untuk menhindari spam atau niat iseng orang untuk code – code tertentu ke dalam form anda.untuk menambahkan captcha sebelum tombol submit seperti yang terlihat pada table di atas klik tombol generated tag dan pilih captcha lalu copy codenya letakan diatas code [submit] atau dibawah code [ message ].mudah kan. Enak toh mantap toh hee…

halaman form sudah sudah hampir selesai dibuat dan tahap akhir adalah mengcopy code form yang ada dikolom coklat paling atas codenya [contact-form 2 "Untitled"] kata untitled dapat anda ganti dengan booking , reservation atau apa saja.

Dan selanjuntya buka add new page kemudian letakan code {contact-form 2]}tersebut didalam halaman postingan menu page sperti pada gambar ini :
Photobucket
Dan selanjutnya tekan tombol publish dan lihat hasilnya di halaman depan website anda. Apabila ada yang mau ditambahkan atau dikurangi dari dapat di edit kembali melalui dashboard >contact > edit.

Semoga artikel ini memberi manfaat dan nantikan artikel selanjutnya hanya diblog ini

Marthen

Related Posts with Thumbnails

Artikel Terkait :

Leave your response!

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Want your picture next to your comment?
Join Gravatar and upload your photo, completely free!

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

Free Traffic System - Increase Targeted Website Traffic with Free
Unlimited One Way Links