Cara Membuat Halaman Kontak di Blog WordPress

Adakalanya pengunjung ingin bertanya sesuatu yang bersifat pribadi kepada Anda. Karena sifatnya pribadi, tentunya pertanyaan tersebut tidak ingin diketahui pengunjung lain. Halaman kontak (contact) merupakan solusi tepat untuk memfasilitasi jenis pertanyaan tersebut.

Ada beberapa cara membuat halaman kontak, dari yang manual hingga yang menggunakan plugin. Secara pribadi, saya lebih suka menggunakan plugin untuk membuat halaman tersebut. Di bawah ini adalah cara-cara membuat halaman kontak menggunakan 2 pugin yang bisa Anda pilih salah satunya.

1. Plugin Enhanced WP-ContactForm

Cara mengistallnya sebagai berikut:

  • Login ke blog wordpress.org Anda.
  • Pada bagian plugin, klik Add New.
  • Ketik Enhanced WP-ContactForm pada kolom yang tersedia lalu tekan Search Plugins.
  • Klik Install
  • Copy kode yang ada di tampilan install (yang dilingkari pada gambar di bawah)

Enhanced WP-contact plugin

  • Klik Install Now
  • Klik Active

Cara membuat halaman contact:

  • Pada bagian Page, klik Add New
  • Beri judul (misalnya Contact Me,Contact, atau Hubungi Saya), lalu klik tab HTML
  • Paste kode tadi dan klik Publish
  • Jika theme yang Anda gunakan secara automatis membuat halaman, maka halaman contact yang dibuat akan muncul di menu navigasi blog Anda. Bila sebaliknya, Anda harus mengedit header.php atau navigation.php di Editor theme dengan menambahkan URL halaman tersebut. Berikut contoh header.php yang saya edit.

edit php

  • Setelah diedit, klik Update.
  • Lihat tampilan contact form dengan klik kanan visit site dan klik halaman contact yang baru Anda buat.

Cara menyeting tampilan form contact:

  • Pada bagian Settings, klik  Contact Form
  • Setting Form Options dan Custom Form Text sesuai kebutuhan Anda.
  • Pada bagian options bawah, centang dua pilihan yang ada lalu klik Update Options. Contohnya adalah seperti ini:

Enhanced WP-contact Form Options

Custom Form Texts

  • Refresh halaman contact yang Anda buka tadi.
  • Lakukan tes pada halaman tersebut untuk memastikan berfungsi atau tidak.

2. Plugin WP-Contact

Plugin WP-contact saya gunakan untuk membuat Kontak di blog ini. Secara garis besar, cara install dan pembuatan halaman contact dengan plugin ini mirip dengan plugin Enhanced WP-Contact Form.

Yang membedakannya adalah kode dan cara settingnya. Kodenya seperti yang dilingkari pada gambar di bawah.

WP-contact install

Adapun cara settingnya seperti ini:

  • Pada fitur Settings, klik Contact Form.
  • Masukkan email Anda dan namai subjeknya.
  • Klik Update Options.

Berikut adalah contoh settingnya:

contact form setting

Contoh tampilan:

Contact form result

Semoga ini bermanfaat dan membantu Anda dalam membuat halaman contact blog wordpress.org.

Suka dengan tulisan seperti ini?

  • Silakan berlangganan Blogodolar Tips & News sehingga Anda bisa mendapatkannya langsung via email Anda. Caranya mudah dan 100 % gratis yaitu dengan mengetikkan dan mengirimkan alamat email Anda di bawah ini. Jangan lupa aktivasi berlangganan dengan mengklik link yang dikirim ke email Anda. Klik di sini untuk melihat cara aktivasi tersebut.

 

Comments

  1. rismaka says:

    Makasih kang tipsnya :)

    BTW kenapa akhir2 ini saya bisa pertamaxxx terus yach? :roll:
    .-= Postingan terbaru rismaka………………Jangan Pernah Remehkan Kura-kura =-.

  2. Jajang says:

    keduaxxx dech

    cepetan di posting ah takut keduluan he..he..
    .-= Postingan terbaru Jajang………………Layakkah Mereka Dipercaya? =-.

  3. Rigih says:

    Ketigaxxx
    [ini tipe komentar blogger yg ngeblog gratisan, di blogspot pula]
    .-= Postingan terbaru Rigih………………Intermezzo : Malu… =-.

  4. Aditya says:

    Keempat aja deh…
    Terima kasih infonya Mas… cara ini memang lebih mudah bagi pengunjung tanpa harus membuka email mereka dulu….
    .-= Postingan terbaru Aditya………………Menciptakan Ruang Berkumpul Keluarga =-.

  5. sangat bermanfaat sekali mas yudi, trimakasih lgsg praktek ahhh
    .-= Postingan terbaru achmad sholeh………………Seleksi Alam =-.

  6. Zippy says:

    Huhuhu, sayang…
    Diriku pake Blogger…
    Jadi ya pake pihak ketiga, heheheh…
    Daftar disitus lain yang nyediain form gratisan :D

    Btw, salam kenal…
    Mampir2 kalo sempat….

    Tadi juga sempat ketipu sama gambar yang diatas, hampir aja mw klik di gambar kotak komentar itu, xxuxixixixiix… :D
    .-= Postingan terbaru Zippy………………Menjadi Blogger Populer =-.

  7. Sangat perlu nih kang, sayangnya kok banyak jg ya blogger yg gak ada link kontaknya. Jadinya susah kalo aku mau kontak atau tanya2 sesuatu (dasar aku-nya yg kebanyakan nanya kali ya..heheh..) :-D
    .-= Postingan terbaru Blogger Ingusan………………Alexa Traffic Rank =-.

  8. sobatsehat says:

    ini yg saya cari, setelah mengirim pesan kemrin sepertinya perlu ya?
    .-= Postingan terbaru sobatsehat………………Perlukah dokter berbohong ? =-.

  9. Yep says:

    Sayang WP gratis belum ada ya Kang? Atau mungkin yg tau ? Tolong info dong… :)

  10. chokey says:

    sudah di test..please cek :D

  11. yup saya juga ngegunain COntact From 7
    .-= Postingan terbaru Mochamad Agung Permana………………Membuat Web Proxy =-.

  12. Mantap..bisa dicoba untuk memperlancar kontak mengontak.

  13. Deka says:

    wah da kebanyakan plugin nie kang, he…
    .-= Postingan terbaru Deka………………Pengumuman USM STAN 2009/2010 =-.

  14. Babesajabu says:

    Boleh juga nih di coba trik nya…Makasih kang…
    .-= Postingan terbaru Babesajabu………………Inilah Kunci-kunci Mobil Paling Keren =-.

  15. johari says:

    Thank banget, info sangat berguna ……

  16. udah di jajal dan kayanya themesku ga support….

  17. Deddy says:

    Terimah kasih atas panduannya sungguh bermanfaat sekali

  18. indotopten says:

    thanks untuk tutorialnya.. :)
    .-= Postingan terbaru indotopten………………Rangking situs top di Indonesia – All Sites =-.

  19. Love4Live says:

    langsung praktek dan sukses!!!
    Thanks Bro…
    .-= Postingan terbaru Love4Live………………Berburu Blog dot com dan Hosting Gratis =-.

  20. adin says:

    wah…ini nih yang dicari…makasih infonya mas…
    .-= Postingan terbaru adin………………Ganyang SPAM dengan Akismet =-.

  21. azzaam says:

    blogwalking, blogwalking :)
    .-= Postingan terbaru azzaam………………Tahun 2012 Menara Tertinggi di Dunia Ada di Indonesia =-.

  22. Fitri says:

    Lha teruz yg manual mana tuch? :)

  23. Kalo saya mah pake plugin Contact Form 8, kang… Selain bisa dibikin buat form kontak juga bisa dibikin form jual beli lho. :lol:
    .-= Postingan terbaru ngobrol seputar bisnis online………………Astaga! Ada Kontes SEO Berhadiah Total 30 Juta Lebih! =-.

  24. Cara yang lebih gampang,tinggal nambahin code html di halaman atau post. Thanks atas infonya tadi juga aku agak bingung pasang wp contact form :D

  25. Cara yang lebih gampang,tinggal nambahin code html di halaman atau post. Thanks atas infonya tadi juga aku agak bingung pasang wp contact form :D

    Link: http://wordpress.org/support/topic/260350

  26. thx infonya gann…

  27. Arifin says:

    Makasih postingan yang sangat bermanfaat dan membantu khusus pemula, ada yang mau sy tnya kan ne…? bisa enggak contact form itu kita setting sendiri sesuai keperluan, misalnya kita perlu kolon alamat, kolom no tlp, kolom, dll.

    Terima Kasih :)
    Arifin

  28. Trima kasih untuk tips dan tutorialnya pak.

    Setelah membaca artikel ini, saya coba praktekkan, pakai plugin contactform 7, ternyata masih eror. beberapa jam saya coba tapi gak bisa nongol form nya di halaman yang saya inginkan, akhirnya ternyata bisa juga. bisa di lihat pada halaman ini:

    panelbusiness.com/my-contact-info

    berkenaan dengan pertanyaan mas diatas @Arifin: saya juga coba edit, jadi bisa ada kolom no telpon, website, fax, dll, ternyata nggak bisa, mungkin ada cara khusus kali. Mungkin ada master disini yang tahu triknya, bagi-bagi ya infonya :)

    Trims untuk info dari BlogDolar Dot Com. sukses selalu

    Salam Jabat Erat
    .-= Postingan terbaru Business Directory………………Cleaning Machines, Accessories and Chemical, Centralized Vacuum System =-.

  29. KangBoed says:

    Hatur nuhun bosssssss
    .-= Postingan terbaru KangBoed………………Hidup Manunggaling Kawulo Gusti =-.

  30. nanangsya says:

    sip mas infonya.tp bikin menu uploadnya gmn??q cb bwt trs q cb upload kok g bs.
    .-= Postingan terbaru nanangsya………………Pertamina Blog Contest 2009 =-.

  31. Makasih tutorialnya kang Yud
    .-= Postingan terbaru Blogetarian………………SEO untuk Blog =-.

  32. Rinto says:

    sudah jadi Gan….ga pcuma mampir di tempatnya seorang master…2 ilmu wordpress sudah berhasil aku praktekkan
    .-= Postingan terbaru Rinto………………Benefits Of A Finance Calculator for Your Lifestyle =-.

  33. saya dah coba instal ni plugin..tapi masalahnya, koq kontaknya gak masuk email..pas saya coba isi halaman kontak kemudian cek diemail gak ada…Mungkin di sini ada yang tahu masalahnya..Apakah harus ada setingan lanjutan..?
    .-= Postingan terbaru almuaawanah………………H. Muhyidin =-.

  34. Bakal dicoba yang tanpa plugin
    .-= Postingan terbaru Blogetarian………………Blogsvertise Tips =-.

  35. Very nice bro…. thanks

  36. Nutaryuk says:

    Mau tanya Kang, kok di WordPress saya gak ada buat pasang plugin-nya.
    Maksudnya di WordPress yang di-install di web hosting ya..?
    mohon pencerahannya Kang..
    .-= Postingan terbaru Nutaryuk………………Moding Komputer Ber-casing Wall-E =-.

  37. adhimas says:

    mohon bantuannya juga,, di blog wordpress sekarang tidak ada plugins,,
    saya jdi pusing :(

  38. andank says:

    sangat membantu mas trims

  39. Jeng Liz says:

    Kalau saya pake Form COntact 7 plugin ama capctha nya.
    Bisa diatur buat kirim attachment juga :)

  40. adi bowo says:

    blogdolar mantap… :)
    langsung dipraktekkan

  41. adi bowo says:

    barusan aku comment kok gak muncul ya??

  42. Naufal says:

    Bro ko pas saya mau instal, suruh ngisi Hostname, FTP Username, FTP Password..
    Nah saya ga tau Hostnamenya di isi apaan??
    makasih

  43. makasih tipsnya… cuma rada bingung pas bagian download pluginsnya. ntar sy coba lg! tq! :) )

  44. makasih mas.
    langsung diterapkan penggunaan wp contact
    biar blog kelihatan lebih rapi.

  45. guru says:

    makasih banget mas,,, artikelnya manfaat buat saya, hasilnya memuaskan?

  46. Mantap. . . coba dulu. . . jangan lupa mampir ke http://kentos.web.id :D

  47. koq saya g bisa y,,, tampil pesan : No plugins to show
    kira2 kenapa y,,,
    tlong solusi ny lo ad yg tau??

  48. Ternyata bisa juga’,,, dah keliling2 nih cari info,,
    trims… salam kenal..

  49. Mawardi says:

    terima kasih kang sudah berbagi. itu untuk WP yang berbayar ya?

  50. omagus says:

    mudah keknya..!

Trackbacks

  1. [...] Membuat tabel pada blog WordPress Suatu saat aku harus memposting artikel, dimana artikel tersebut ada tabelnya, aku coba berkali2 gagal terus, tapi untung aku menemukan artikel dengan bertanya pada paman gooogle. Silakan mencoba dengan mengklik di sini [...]

  2. [...] Adakalanya pembaca ingin bertanya mengenai hal-hal yang bersifat pribadi. Halaman kontaklah yang membantu mereka. Jadi, tidak ada alasan Anda tidak membuat halaman tersebut. Jika Anda pengguna wordpress.org, silakan simak cara membuat halaman kontak. [...]

  3. [...] 9. Cara Membuat Halaman Kontak di WordPress [...]

Speak Your Mind

*

CommentLuv badge