Cara Mudah Membuat Contact Form / Form Kontak pada Blogger

Posted by Herman on Thursday, February 05, 2009 31 comments

membuat contact form dengan emailme formJika anda berkunjung ke sebuah website yang menawarkan produk maupun jasa maka biasanya mereka akan melengkapi websitenya dengan halaman contact us. Tujuannya adalah agar pengunjung bisa mengcontact atau menghubungi mereka untuk melakukan pemesanan atau konfirmasi pembayaran.

Nah yang menariknya adalah menu contact us yang mereka berikan tidak hanya mencantumkan alamat email yang bisa dihubungi saja melainkan dalam bentuk form yang bisa langsung kita tuliskan pesannya. Sehingga kita tidak perlu repot untuk membuka layanan email seperti Yahoo atau Gmail untuk mengirim pesan.

Cara ini juga dapat dilakukan pada blog anda. Ada banyak layanan contact form yang disediakan diluar sana seperti: http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com, http://, http://www.bravenet.com dan masih banyak lagi. Semuanya disediakan secara gratis.

Karena saya sendiri menggunakan layanan dari emailmeform maka disini saya akan membahas tentang cara membuat contact form dengan emailmeform.

Bagi yang tertarik silahkan ikuti langkah-langkah dibawah ini:

1. Buka situs http://www.emailmeform.com

2. Klik SignUp for free

3. Kemudian isilah data-data anda dalam form yang disediakan lalu klik Sign Up

4. Setelah itu, anda akan dikirimkan sebuah email konfirmasi.

5. Buka email anda lalu klik pada link yang diberikan.

6. Setelah itu, anda akan mendapat pesan "Confirmation successful. Thank You for completing the signup process". Lalu klik here pada tulisan "Please click here to go into your Control Panel" untuk menuju ke halaman control panel anda.

7. Klik Create New Form yang terletak disebelah kanan halaman.

8. Kemudian anda akan diantar kehalaman pembuatan form seperti ini:

Web Form Name: Isi nama form yang anda inginkan atau dibiarkan saja karena sudah diberi nama secara otomatis
Recipients Emails: Dibiarkan saja karena sudah berisi alamat email anda atau hapus jika anda mau ganti dengan alamat email yang lain.
Spam Email address: Isi alamat email yang mau digunakan untuk menerima email sampah. Jika tidak mau dikosongin aja.
Thank you page: Isi halaman blog yang berisi ucapan terima kasih. Jika tidak ada, isi saja dengan alamat blog anda
Number of fields: Dibiarkan saja
9. Jika sudah klik Next kemudian anda akan masuk kehalaman pengeditan teks. Step ini bisa anda lakukan setelah anda berhasil membuat formnya jadi kita lewatkan saja dengan klik Next.

10. Klik Next lagi. Jika anda ingin memberi teks diatas form seperti contoh dibawah ini:


11. Isi teks yang ingin anda tampilkan pada kolom Form Decription.

12. Jika sudah klik Next

13. Kemudian klik Next lagi

14. Anda akan diperlihatkan tampilan form yang sudah anda buat.

15. Klik Finish

16. klik Get the HTML codes

17. Copy kodenya lalu pastekan ke blog anda

18. Selesai.

Jika anda ingin mengedit tampilan form. Masuk ke menu Control panel, klik Forms list lalu klik edit. Editlah tampilan formnya sesuai keinginan.


Selamat mencoba..


Recent Posts:

31 comments

Rental Motor Jogja said... 24 April, 2009
makasi infonya :))
areplawu said... 23 May, 2009
salmammmm
STKIP Purnama Plumpang said... 04 June, 2009
@..Malam Bozz..., maw ngedit contact form..., msh bingung nih....???
@Kotak buat pengisianya bisa di tambah lbh banyak gak..???
@..Bisa link k Facebook ga Bozz..

Mathur Thank'z
B Gio Lho
herman said... 04 June, 2009
@B Gio Lho: malam bro. diikutin aja langkah2 diatas. untuk menambah kotak tinggal disetting aja dari menunya, sdh disediain option2nya. Silahkan dilink :)
bliyan_bayem said... 16 June, 2009
COBA DULU YA MAS!!
shanushy0809 said... 16 July, 2009
makasih banget infonya
semua yang aq cari
semuanya tersedia bilog ini
makasih yaa
budiman said... 04 August, 2009
boss...masih binun nih..,
copy codenya..terus paste kan ke blog...gimana
cara nya???? please di cerahkan ,thks.
Zups said... 14 September, 2009
Boz, makasih tutorialnya. Sebelumnya saya cari cara bikin contact form buat blogspot, malah dapetnya buat wordpress melulu
Unknown said... 16 September, 2009
ini fungsi gratisnya seumur hidup kan?
Ajang Rojali said... 15 October, 2009
Makasaih atas tuturialnya yang sangat berguna bagu saya yang pemula, tolong mampir ke blog saya, diheader saya ada menu home, picture,video dan contact, itu masih kosong semua bagaimana cara mengaktipkannya.
terima kasih
Unknown said... 22 October, 2009
Bang, tolong dong terangin juga yang Cara BuatKontak Via Zoho.. Thks
Star Tetrahedon said... 31 October, 2009
thanks for the tips ;)
bullirus said... 02 November, 2009
mas tolongin dong, untuk form contactnya biar bisa tampil di sub menu contact me(menu bar contact me) scriptnya di save dimana yaa? makasih sebelumnya.
piedotcom said... 18 November, 2009
thanks bro..
belajar akuntansi said... 24 November, 2009
terimakasih infonya
Mr.XXX said... 26 November, 2009
Kok saya masih bingung ya sobat :))
Rofie said... 12 December, 2009
mantap... langsung ke TKP
Abu Daffa said... 16 December, 2009
Pa terimakasih atas ilmunya, saya sudah mencoba meng uplikasikan ilmu dari bapa, namun pas saya coba kirim e-mail lewat form tersebut..lho knp ga ada di emailnya...knp ya pa??? mhn infonya..
pemula said... 18 December, 2009
mantaf infonya bro
Jackmunir said... 08 January, 2010
Kebetulan, saya lagi belajar ngeblog, terima kasih!
Claresta Lee said... 24 January, 2010
pliss bantu saya
saya sudah membuat email form seperti ini
http://kobayakawa-youichi.blogspot.com/2010/01/name-email-comment-just-fill-form-if.html

tapi kok nggak bisa di klik ya? trus ada tulisan ? bagaimana agar bisa diklik? terimakasih bantuannya
Muhammad Alfathan Harriz said... 16 March, 2010
Maksudnya buat di navbarnya gimana?? thx dech infonya
Ramdhan said... 19 March, 2010
sip
Event, Seminar, Training said... 29 March, 2010
saya sudah boet form tp yg disediakan disana cuma 4 field saya mau lebih dari 4, kira2 bagaimana cara menambahnya yah?
Insofter said... 02 April, 2010
Makasih infonya sob.... :)
deddy said... 07 April, 2010
tks tipsnya, good...
Anonymous said... 09 July, 2010
ini untuk wordpress ato blogspot?
herman said... 26 September, 2010
@Anonymous:

semua bisa koq cuman utk wordpress ma ga perlu pake layanan ini lg krn sudah ada plugin bwt contact form
Unknown said... 17 February, 2011
mantab gan...saya coba nieh
blogpertamaku said... 15 August, 2011
iiih keren....
Rafki Imani said... 04 April, 2012
Lalu cara copy-pastenya gmn pak? Dipaste ke halaman entry aja atau dengan membuat linknya?atau edit HTML di halaman entri atau gmn? Mhn penjelasannya pak biar bs diaktifkan?

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Post a Comment