Membuat Form Kontak yang Fleksibel

Baru-baru ini, ada fitur baru dari wordpress.com yang diberi nama custom contact form. Postingan kali ini bisa dibilang lanjutan dari postingan tentang form kontak sebelumnya.

Jika contact form edisi lama dibuat dengan cara mengetikkan kode [ contact-form ] (hilangkan tanda spasi yang ada di kode tersebut) di kotak posting artikel/halaman pada modus html; maka contact form yang bisa dicustom ini lain lagi cara membuatnya.

Berikut adalah tahapannya.

1. Login ke wordpress.com

2. Klik menu Post-Add New (buat tulisan baru).

3. Klik tombol untuk membuat custom contact form. Tombol tersebut dapat dilihat pada gambar berikut (yang diberi kotak warna biru muda).

4. Berikut adalah tampilan menunya. Kita bisa menambah field dengan cara klik add a new field

5. Jika tombol add a new field di klik, tampilannya akan seperti ini. Field baru ini bisa diatur namanya, tipenya dan juga isiannya required atau tidak.

6. Jika required dicontreng, apabila pengunjung yang akan mengontak pemilik blog tidak mengisi field tersebut, pesannya tidak akan diproses.

7. Jenis field yang bisa dipilih meliputi checkbox, dropdown, email, name, radio, text, textarea, dan website.

8. Sebagai tambahan, pesan yang diisi oleh pengunjung blog bisa dikirimkan ke alamat email tertentu (tidak harus email yang digunakan untuk akun wordpress.com). Subjek pesan juga bisa disetting. Hal ini berguna untuk memfilter pesan tersebut agar masuk folder tertentu (yahoomail) atau label tertenu (gmail) di akun email penerima.

Jika sudah selesai, jangan lupa disave (baik menu custom contact form-nya maupun postingannya).

Download tulisan

Membuat Form Kontak yang Fleksibel.pdf

Membuat Form Kontak yang Fleksibel.ps

Semoga bermanfaat. Salam ngeblog dari Petamburan!

 

Update:
link download file tutorial (pdf dan ps) sudah OK. Sebelumnya terjadi error karena ada perubahan domain dimana file tersebut disimpan.

61 Tanggapan ke “Membuat Form Kontak yang Fleksibel”


  1. 1 pulsa elektrik murah Desember 31, 2010 pukul 3:34 pm

    ok ,tq infonya sob,izin untruk copas di file pribadi ya

  2. 2 berTanya Jawab Januari 9, 2011 pukul 11:03 am

    Terima kasih.. Atas infonya..

  3. 4 Penghemat BBM Januari 20, 2011 pukul 7:53 am

    Akhirnya ketemu juga yang saya cari-cari, dari kemarin bingung nyari cara Membuat Form Kontak yang fleksibel . Terimakasih ya , Keep Good Posting

  4. 5 membuat web pemula Februari 6, 2011 pukul 9:32 pm

    Nah ketumu juga Gan tapi di template wordpress saya ga ada Gan tombol yang ditujunya, ada cara lain ga Gan

  5. 6 wahyu purnomo Februari 11, 2011 pukul 5:06 pm

    om la, kmal dlua ahhhh.
    oh ya ni saran dah ane ikutin tp ane tujuin wat kiriman puisi k blog ane http://puisiapasaja.wordpress.com/category/coratan/
    tp sayangnya kok kirimannya gak bsa ane tongolin di blog ane waktu ane liat di Feedbacks, sarannya malah sapm, atau pindahkan k tong sampah padahalkan tu perlu banget wat di tongolin , oke deh gitu aja
    “tolong sarannya yaom N balesannya”

  6. 7 java Februari 23, 2011 pukul 10:58 am

    aq coba ya cara membuat form kontak diats tadi

  7. 8 UdaRusdi cs Februari 25, 2011 pukul 2:39 pm

    wah ketinggalan sekali saya,sepertinya yang terbaru ya mas…terimakasih sudah berbagi.di praktekan ya…

  8. 9 belajarbisnis101 Maret 15, 2011 pukul 2:27 pm

    Terima kasih infonya, nanti dicoba dulu deh. Harga Jual Blackberry Iphone Laptop Murah http://www.belajaraffiliasi.co.tv/2011/03/harga-jual-blackberry-iphone-laptop.html

  9. 10 rekening bersama Maret 23, 2011 pukul 3:08 pm

    makasih ya ilmunya
    sangat bermanfaat bgt
    jangan lupa mampir di blog saya ya gan

  10. 11 Rosadtea Maret 27, 2011 pukul 11:18 pm

    ini fitur baru, benar2 baru tahu ane.

  11. 12 Kuras WC Tanpa Sedot | Penghilang Bau WC | Penguras WC | Penguras Septictank Maret 29, 2011 pukul 10:13 pm

    Assalamu’alaikum wr wb..
    Salam kenal sebelumnya, mohon izin untuk nimbrung…perkenalan dulu saya SONHAJI dari http://www.pengurasWCtanpasedot.wordpress.com ,saya telah membaca beberapa tulisan di blog anda sangat menarik sekali dan bermanfaat bagi diriku yang newbi ini. Saya akan berkunjungi lagi jika ada tulisan baru. Dan saya berharap adanya kunjungan ini bisa selalu silaturrahim, memperbanyak teman bahkan saudara, terimakasih ya atas respon positifnya.
    Wassalamu’alaikum WR WB

  12. 13 Henry U.S.S.A April 1, 2011 pukul 10:12 pm

    Terima kasih infonya.
    Sayangnya human verification alias CAPTCHA — fitur penting dan ideal untuk sebuah contact form guna menjaga keamanan dan kenyamanan Blogger — belum juga ditambahkan sebagai fitur baru untuk free account di wordpress.com.

  13. 14 penghematbensinmotor April 4, 2011 pukul 8:44 pm

    sudah saya coba… baru tahu kalau ada fasilitas itu Gan… nice info….

  14. 17 Tegoeh Chuzy April 27, 2011 pukul 9:33 pm

    terima kasih informasinya gan

  15. 19 Bali April 27, 2011 pukul 9:35 pm

    ini baru postingan berkelas

  16. 22 Taditional Medical Treatment April 27, 2011 pukul 9:52 pm

    saya blogger pemula perlu banyak belajar disini

  17. 23 Tegoeh_Chuzy April 27, 2011 pukul 10:03 pm

    blog yang sangat menarik sekali

  18. 24 edutechnolife Mei 3, 2011 pukul 4:50 am

    kok di tools contact form g ada di menu blog saya ya… padahal udah make wordpress terbaru (versi 3.1.1)…

  19. 25 Lintasanberita Mei 4, 2011 pukul 6:30 pm

    sip lah, kalo di self host dah banyak plug innnya…

  20. 26 kevinchinesse Mei 11, 2011 pukul 3:38 pm

    wah….. berguna sangat. terima kasih…..

  21. 27 BIANZONE Phone Review Mei 16, 2011 pukul 3:26 pm

    wah lengkap banget nih artikel blognya, salam blogger

  22. 28 femi herbs dokter boyke Mei 25, 2011 pukul 1:35 pm

    Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

  23. 29 aboedman Mei 25, 2011 pukul 6:59 pm

    ternyata bisa juga ya buat kontak form dari wp sendiri..
    Thanks infonya.. :D

  24. 30 teo Mei 27, 2011 pukul 5:16 pm

    bila anda ingin mencoba web hosting unlimited yang gratis + domain gratis (opt.Name)dan dikelola oleh orang Indonesia, coba berkunjung ke http://www.freehostingfoundation.org ada banyak fitur-fitur profesional yang diberikan secara gratis. biasanya kita hanya mendapatkannya pada website berbayar. kalau mau coba lihat fiturnya, bisa langsung akses ke demo cpanelnya di alamat http://cpaneldemo.freehostingfoundation.org/cpanel (username: user dan password: passwd)

  25. 31 Rina As Mei 31, 2011 pukul 8:24 pm

    Wp sepertinya sangat simple dalam menggunakannya.
    Nice post…

  26. 32 Nasir Mujitaba Juni 1, 2011 pukul 9:20 pm

    salam kenal.kok saya uda coba beberapa kx kok ga bisa2 kenapa ya?

  27. 33 johanesbosco Juni 7, 2011 pukul 6:06 pm

    makasih bro kayaknya bakal bermanfaat nih

    kunjungi blog gw

    http://n0hoax.wordpress.com

  28. 34 Yuk Belajar Ngeblog Juni 11, 2011 pukul 11:00 pm

    salam kenal mas…
    makasih info y…

  29. 35 lowongan kerja di bali Juni 13, 2011 pukul 4:50 pm

    hi salam kenal dari saia :D
    keep blogging ^^

  30. 36 firmanpratama Juli 27, 2011 pukul 7:55 pm

    Thx be 4 infonya gan!
    salam kenal gan

  31. 41 lensa berita Oktober 2, 2011 pukul 3:43 pm

    oke gan, mau langsung praktek aja kayaknya mudah nih…makasih ilmunya

  32. 42 Andi Aryatno Oktober 24, 2011 pukul 8:55 pm

    Mantap gan. . . Langsung praktek aja

  33. 43 jasa ukir Oktober 27, 2011 pukul 2:12 pm

    dapet ilmu baru dari monster eh sory maksudnya master.. terima kasih gan

  34. 44 hendi burahman November 10, 2011 pukul 7:26 am

    cukup menarik, tapi…Apa ada solusi untuk membuat website dr wordpress dan memiliki akun member. Jadi di dalamnya ada kolom Login?

    Trism

  35. 45 Puhawang (penghemat bbm) November 10, 2011 pukul 1:33 pm

    informasi yang menarik dan sangat membantu…

    Salam sukses

    Wassalam

  36. 46 jasa pembuatan blog November 17, 2011 pukul 11:34 am

    wordpress terus berkembang, yang dahulu perlu menginstal plugin untuk form, sekarang sudah tidak perlu ya…
    nice info..

    salam kenal mas

  37. 47 Iwan Lemabang November 23, 2011 pukul 12:03 am

    inffo yang sangat menarik, terima kasih infonya, Bro. salam kenal, salam persahabatan :-)

  38. 48 Berbagi Kreativitas November 23, 2011 pukul 2:03 pm

    Cara ini kalo diterapkan diblog bisa gak ya? suka liat link rujukan ketika situs yang memberikan komentar pada artikel yang saya posting, dan ketika saya datang dari komentar yang dia buat pada postingan artikel saya, link yang membawa saya datang ke-situs yang telah memberikan komentarnya kepada saya itu tampil di bawah kotak komentar yang hendak saya komentari postingannya
    ex:
    -Postingan situs saya: Sebut Nama Situs Yang Anda komentari.
    @pengunjung : memberikan komentar

    -Admin : datang hendak membalas komentar dengan berkunjung ke-site komentator tsb.

    -Lalu ketika saya hendak memposting komentar saya
    @Ada ceklis box dengan Teks Link dari Judul post yang membawa saya kesitus pengunjung diatas “Sebut Nama Situs Yang Anda komentari”.

    Jelas dengan cara seperti itu lebih mudah mengetahui dari mana asal mula dia datang. Mohon pencerahannya?

  39. 49 cafeloe November 27, 2011 pukul 3:02 am

    matur nuwun infonya…..
    cafeloe.wordpress.com

  40. 50 Sekolah Musik November 29, 2011 pukul 7:19 am

    Dari dulu cari informasi ini tidak ketemu temu. Thanks for sharing dan informasinya….

  41. 51 odisumantri November 30, 2011 pukul 10:39 am

    Informasi yang bagus pak, terutama untuk saya yang baru dalam dunia blog.

    salam silaturahmi.

  42. 52 trimosetiou Desember 3, 2011 pukul 7:26 pm

    berlaku di blogger gag ditunggu balasanya?

  43. 53 akang Desember 16, 2011 pukul 11:56 am

    saya mah masih newbie nih.. ngeblog jg via hp. gmana ya? ada saran n tips nya ga ngeblog via hp?

  44. 55 Anesar Januari 5, 2012 pukul 12:24 am

    Terima kasih mas telah berbagi info ini :)

    sangat bermanfaat lho :)

  45. 56 Warung Herbal Zaidan Januari 15, 2012 pukul 12:05 pm

    mas, cara diatas bisa buat wordpress.com yg gratisan tidak?
    btw, mo tanya nih. klo kita punya blog trus kita sering kasih komentar sendiri di blog kita. itu gmana? ada efek negatif ga k blognya. thanks.
    salam kenal.
    agung

  46. 57 Neng Ucrit Januari 18, 2012 pukul 2:39 pm

    ok banget, ini dia yang ditunggu2 :D


  1. 1 Cara menggunakan Wordpress « marcellabahariawan98 Lacak balik pada Agustus 7, 2011 pukul 10:28 pm
  2. 2 Panduan Wordpress « noerdesign Lacak balik pada Oktober 18, 2011 pukul 3:12 pm
  3. 3 Panduan WordPress.com | nazzarboy Lacak balik pada Desember 24, 2011 pukul 3:53 am

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s




Peringatan & Etika

a

Blog Stats

  • 533,541 hits

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 262 pengikut lainnya.