Plugin: Contact Form Plugin Worpdress
How to make contact form with wordpress plugin
Cara membuat contact form pada website memang sangat banyak sekali modelnya, mulai dari plugin atau contact me form gratis yang pernah saya bahas sebelumnya.
Tutorial wordpress plugin contact form ini akan saya bahas dengan membagi beberapa artikel, supaya tidak terlalu panjang dan mudah dipahami.
Diantaranya nanti saya akan bahas dari bagaimana cara install plugin Fast and Secure Contact form, bagaiman cara settingnya, bagaimana cara custom contact form dengan thanks page, bagaimana cara menambahkan kolom contact form dan bagaimana cara menyembuyikan thanks page di menu header ataupun sidebar.
Baik teman-teman kita mulai saja….
Teman-teman juga bisa menggunakan link jump down dibawah ini:
-
Apa saja fitur simplenya?
- Mudah installnya
- Tidak perlu paham HTML code ataupun javascript
- dilengkapi dengan captcha code
-
Bagaimana cara installnya?
Ikuti langkah berikut ini
- Download >>plugin fast and secure contact form<<
- Save dan extract zip folder
- Upload pada web directory
(public_html=>wp-content-plugin)
atau anda juga bisa install otomatis pada menu add new plugins di wordpress anda. - Aktifkan Plugin
Plugins=>Installed=>Activated - Lanjutkan dengan setting
-
Bagaimana cara settingnya?
Langkah mudah setting contact form plugin adalah sbb:
- Klik pada menu
Plugins=> SI Contact Form Options
Seperti terlihat pada gambar:
1. ada 4 form yang bisa anda buat berbeda beda. Pada tutorial ini anggap saja kita membuat Form 1
2. “Welcome Introduction” Anda bisa isi apa saja, misal “Anda bisa menghubungi saya melalui form dibawah ini”” atau anda kosongkan juga tidak masalah.
3. Email anda, dimana nanti informasi yang masuk pada form akan terkirim pada email anda jadi pastikan alamat email anda benar.
1. Email subject: adalah judul email yang akan masuk pada email anda sesuai dengan form yang anda buat Misal ” Tukar Link”
2. Enable : Maksudnya adalah menampilakan dari pilihan tersebut.
3. Enable Captcha: direkomendasikan centang pada bagian ini
4. Enable Redirect : Jika anda tidak membuat Thanks page maka setelah form di submit maka terhubung langsung dengan main page / home page.
5. Enable hidden email subject : berfungsi untuk menghilangkan kolom subject jika dicentang. Pengaturan pada kolom tambahan ada pada menu advanced option
6. Enable Hidden message : berfungsi untuk menghilangkan kolom Mesasage jika dicentang. Pengaturan pada kolom tambahan ada pada menu advanced option.
7. Enable double email : Jika tercentang maka pengisi form wajib mengisikan email sebanyak 2 kali. Jika tidak maka pengisi form hanya mengisikan emailnya 1 kali saja.
8. Enable alphabet : mengatur alphabetic form, jika anda tidak memerlukan kosongkan saja.
9. Seperti keterangan yang terlihat pada gambar 9. anda tidak perlu centang semuanya.
10. Advanced Option : disinilah tempat dimana anda bisa mengatur lebih lanjut pada kolom tambahan yang akan saya bahas pada bab selanjutnya.
Setelah selesai pada setting sederhana ini jangan lupa klik Update Option agar tersimpan setting Form 1 yang anda buat.
Setting Form 1 yang sudah anda simpan lanjutkan dengan langkah berikut:
1. Buat Page atau halam baru pada web atau blog anda
Page=>add New
2. Buatlah judul Misal “Contact Me atau Contact Us”
3. Masukan kodenya pada page atau halaman yang anda buat.
Karena kita sedang membuat “form 1″ maka kodenya adalah[si-+contact-form form='NOMOR FORM']
pada NOMOR FORM isikan angka 1, hilangkan tanda “+”
sengaja saya buat demikian supaya tidak terhubung dengan form yang sudah saya buat.4. dan Publish
Selesai sudah setting sederhana contact form anda, tunggu pembahasan selanjutnya.
- cara custom dengan thanks page,
- bagaimana cara menambahkan kolom contact form dan
- bagaimana cara menyembuyikan thanks page di menu header ataupun sidebar.
Selamat mencoba!
February 23rd, 2010 at 2:23 pm
klO INI udah bisa mas, tapi bikin link jump down gimana ya…..
[Reply]
candradot.com Reply:
February 23rd, 2010 at 6:43 pm
@dafiDRiau,
keren ya jump downnya
[Reply]
February 23rd, 2010 at 2:34 pm
pernah sih pasang contact form. tapi aku copot lagi. mungkin karena merasa tidak maksimal dan belum saatnya di pasang.
[Reply]
candradot.com Reply:
February 23rd, 2010 at 6:52 pm
@fadly muin, kira2 saatnya kapan mas?
[Reply]
fadly muin Reply:
February 24th, 2010 at 10:02 am
@candradot.com, kalau sudah banyak email yang masuk mas
sementara ini masih cukuplah…
[Reply]
February 23rd, 2010 at 3:09 pm
[Reply]
candradot.com Reply:
February 23rd, 2010 at 6:48 pm
@mh,
[Reply]
Iwan Kus Reply:
February 24th, 2010 at 8:50 pm
@candradot.com,
[Reply]
February 23rd, 2010 at 7:30 pm
Sori nyimpang dikit nih mas Candra, kalo plugin ComentLuv “Bad Juju” terus, alias gak jalan, kira2 kenapa ya mas? Mohon pencerahannya dunk. Thanks
[Reply]
candradot.com Reply:
February 24th, 2010 at 6:49 am
@Rafi, pesan errornya ada gak?
[Reply]
February 23rd, 2010 at 8:10 pm
Lumayan sih mas Chandra, coba tak pertimbangkan perlu nggak ya diblogku ya? trims mas ilmunya
[Reply]
candradot.com Reply:
February 24th, 2010 at 6:46 am
@Aries Kusuma|Tipssukseskarir, monggo mas Aries
[Reply]
February 23rd, 2010 at 9:46 pm
Info yang bagus Mas Candra… simpan dulu ah nanti sewaktu-waktu akan saya pasang. saya tunggu kelanjutannya loh…
thanks.
[Reply]
candradot.com Reply:
February 24th, 2010 at 6:47 am
@yons, jangan lupa langganan ya wekekekke
[Reply]
yons Reply:
February 24th, 2010 at 10:55 am
@candradot.com, o iya… oke deh sgera ke TKP…haha
[Reply]
February 23rd, 2010 at 10:10 pm
mantap tutorialnya mas! contact form memang sangat penting dan dibutuhkan setiap blog
[Reply]
candradot.com Reply:
February 24th, 2010 at 6:50 am
@jimmy, mantepan bubur ayam mas, soale lagi makan bubur ayam neh hahahhaha
[Reply]
Ahmad Subandono Reply:
February 25th, 2010 at 12:51 am
@candradot.com, bubur ayam kampung ato bubur ayam yang lain mas
..selamat makan dah
[Reply]
February 23rd, 2010 at 10:20 pm
good…good…
Ini bakal jadi referensiku buat install plugin ini.
[Reply]
candradot.com Reply:
February 24th, 2010 at 6:50 am
@UntungNyata!com, mudah2an bermanfaat mas
[Reply]
February 24th, 2010 at 4:17 pm
Boleh di coba nih…
Kebetulan saya belum pakai.
[Reply]
Arief Rizky Ramadhan Reply:
February 24th, 2010 at 4:43 pm
@Agus Siswoyo, masa’ seleb blogger ga bisa di kontak ?
[Reply]
candradot.com Reply:
February 25th, 2010 at 12:01 pm
@Agus Siswoyo, monggo mas silahkan dicoba
[Reply]
February 24th, 2010 at 4:41 pm
waah setingnya lebih lengkap ya.. beralih ke kontak form ini atau engga ya ?
[Reply]
candradot.com Reply:
February 25th, 2010 at 11:32 am
@Arief Rizky Ramadhan,
plus minus pasti ada kok dik, tinggal coba aja cocok yang mana
[Reply]
Arief Rizky Ramadhan Reply:
February 25th, 2010 at 7:29 pm
@candradot.com, cobain yang ini ahh
[Reply]
February 24th, 2010 at 6:01 pm
jadi kalau belum perlu, gak usah dipasang ,itu antara lain yang saya tangkap dari comment diatas ,yang tentu sesuai kebutuhan. makasih mas..
[Reply]
candradot.com Reply:
February 25th, 2010 at 11:48 am
@maria, hehe nggak juga mba, karena contact form ini banyak macemnya jadi bingung mau pake yang mana
[Reply]
February 24th, 2010 at 6:44 pm
aq juga belum pake mas, tapi sdh ngerti dikit2, jadi nunggu artikel berikutnya aja, cara nyembuyiin thank’s page nya di sidebar.
[Reply]
candradot.com Reply:
February 25th, 2010 at 11:49 am
@Andrik Sugianto, oke mas, ditunggu aja ya
[Reply]
February 24th, 2010 at 8:49 pm
saya sudah pasang mas
tapi kalo yg versi ini belum hehehe
[Reply]
candradot.com Reply:
February 25th, 2010 at 11:50 am
@Iwan Kus, silahkan di uji coba mas
[Reply]
Iwan Kus Reply:
February 25th, 2010 at 8:37 pm
@candradot.com, oke mas
[Reply]
February 25th, 2010 at 10:37 am
say sudah buat contact form, tapi bukan yang ini…
tapi kalau plugin ini banyak manfaatnya, maka saya akan ganti dengan plugini ni… ditunggu kelanjutannya…
* mas kalo lagi bikin tutorial, jelas dan ketauan niat banget mas !!!!! seneng saya sama blog tutorial ini… ^_^
[Reply]
candradot.com Reply:
February 25th, 2010 at 11:27 am
@Khalid Abdullah,
bisa aja, mudah2an bisa membantu ya mas
[Reply]
Khalid Abdullah Reply:
February 25th, 2010 at 5:58 pm
@candradot.com, sangat membantu !
[Reply]
February 25th, 2010 at 11:56 am
saya juga udah pasang contact form . tapi yang versi beda , lagipula plugin saya banyak bug nya .
nanti saya ganti deh . kayaknya yang ini lebih bagus .
Thanks
Imamz
[Reply]
candradot.com Reply:
February 27th, 2010 at 1:10 am
@Imamz, pluginsnya bag big bug kenapa mas
[Reply]
February 25th, 2010 at 2:10 pm
plugin yang bagus . dilengkapi tutorial yang lengkap + komplit
[Reply]
candradot.com Reply:
February 27th, 2010 at 1:11 am
@ipul, yoi, tengkyu mas ipul
[Reply]
February 25th, 2010 at 11:08 pm
[Reply]
candradot.com Reply:
February 26th, 2010 at 3:29 pm
@erick, sama sama mas Erick
[Reply]
February 27th, 2010 at 1:51 am
[...] tutorial WordPress Plugin contact form yang namanya sebenarnya adalah plugin fast and secure contact form [...]
March 5th, 2010 at 12:21 am
pengen nyoba ah…….sepertinya sih ga terlalu sulit…..
uia mas da tutor tentang sitemap ga?…..coz saya lagi kebingungan cara sett plugin sitemap generator
[Reply]
March 5th, 2010 at 11:09 am
[...] selanjutnya lakukan seperti pada tutorial sebelumnya yaitu memasukan kode pada page yang telah anda [...]
March 28th, 2010 at 1:12 am
aku buat form comment dg respons-o-matic, ya, hasilnya ketika dicomment di submit, kembali lagi ke situs si comment itu sendiri ( respons-o-matic, biasannya kalau setelah submit comments, hasil comment langsung di tampilkan di daftar comment, la ini tidak lo…bagaimana ya, ini ?, dan aku juga mencoba mendownload plugin comment ini via file manager, tapi filenya terlalu besar, gagal di upload. dan kalau anda bagaimana, apa via ftp, atau file manager ?, aku menggunakan hos gratisan nih, terima kasih.
[Reply]
candradot.com Reply:
March 29th, 2010 at 9:39 am
@Awang Satrijana, lewat mana saja sebenernya bisa mas,
saya lebih sering pake ftp atau filezilla.
non aktifkan plugin lainnya yang berhubungan dengan comments supaya tidak bentrok.
cek tutorialnya disini
http://candradot.com/support-tools/
[Reply]
August 12th, 2010 at 10:00 am
bisa kasih solusi gak kalo emailnya pake “-” kenapa error yah
misal :
admin@infomediaku-test.com
akan ada pesan kesalahan error
E-mail To: ERROR: Misconfigured E-mail address in options.
mohon bantuannya bisa kasih solusi kah??…
[Reply]
October 3rd, 2010 at 5:49 pm
Mas candra salam kenal.. Di Fast Secure Contact Form, sy mau tanya, kenapa ya setelah sy kasih bbrp Field attachment & Select, jadi ga nyampe email nya ? padahal sbelumnya, kirim dr Form nyampe emailnya. tolong ya ? he he
[Reply]
candradot.com Reply:
October 9th, 2010 at 2:15 am
@Hendy, nama webnya apa mas. kok gak lengkap?
[Reply]
November 11th, 2010 at 2:45 pm
ini yang aku cari… thanks maz yo!!!
[Reply]
November 11th, 2010 at 2:58 pm
:melet:
ini yang aku cari… thanks maz yo!!!
[Reply]
March 27th, 2011 at 9:28 pm
makasih banyak tutornya :sip:
[Reply]
candradot.com Reply:
March 27th, 2011 at 9:55 pm
@aryanto, sama sama mas:)
[Reply]