Update Terbaru, 15 April 2017
Layanan Contact Form adalah Halaman di blog atau website yang digunakan untuk menghubungi admin atau pemilik blog. Layanan Contact Us dirasa penting untuk pengunjung yang ingin bekerjasama atau sekedar bertanya kepada admin.
Contact Form memiliki beberapa nama yang cukup populer, ada yang mengatakan “Contact Me”, “Contact Us”, “kotak saran” atau “Hubungi Kami”. Semua nama terssebut intinya sama yaitu sebagai sarana untuk menghubungi admin blog.
Contoh Contact Form
Daftar Isi:
Cara Mudah Membuat Contact Form Keren di Blog
Jika anda ingin menghubungi admin Pena Indigo, silahkan melalui halaman Kontak yang sudah tersedia. Nah, buat anda ingin membuat form kontak seperti pada blog ini, silahkan ikuti langkahnya berikut:
Cara Membuat Contact Form Keren dengan Foxy Form
- Kunjungi situs pembuat Contact Form terlebih dahulu berikut www.foxyform.com
- Setelah masuk, silahkan setting contact form yang ingin anda pasang di blog. mulai dari Background Color, Font Color, Font dan Font Size seperti dibawah ini:
- Selanjutnya isi kolom E-mail anda yang digunakan sebagai kontak, kemudian “centang anti spam protection” lalu klik “Create Formular”.
- Kemudian Copy kode HTML yang sudah tersedia seperti gambar dibawah ini:
- Sekarang buatlah halaman Contact Us atau kontak baru di blog dan pastekan kode HTML yang sudah anda copy tadi di menu HTML (Bukan Compose) terakhir klik “Publish”.
Cara Membuat Contact Form Keren Terbaik dengan 123ContactForm
Contact form yang kedua ini kurang lebih sama dengan tampilan contact form cara yang pertama, namun ada sedikit perbedaan yaitu anda dapat memilih format form yang diinginkan seperti menambah no hp, subjek pesan dll. Anda bisa mengatur format contact form sesuai yang anda inginkan.
- Silahkan buka situs ini 123ContactForm
- Kemudian pilih Sign Up For Free
- Lalu pilih Sign Up BASIC Free Always seperti gambar berikut:
- Silahkan isi form daftar yang sudah tersedia, Isi E-mail anda, Password dan Confirm Password lalu klik “Create”.
- Kemudian, pada tampilan dasboard silahkan pilih “Contact Form” seperti gambar berikut:
- Selanjutnya akan muncul tampilan Contact Form, anda bisa edit sesuai yang diinginkan, jika ingin delete kolom anda bisa klik yang diinginkan, selanjutnya muncul tombol delete seperti ini:
- Jika sudah selesai edit contact form yang diinginkan, anda bisa klik “Publish Form”
- Terakhir silahkan pilih Blogger, maka akan muncul kode HTML. Silahkan copy code dan paste di blog.
Semua pesan yang dikirim akan masuk pada E-mail yang anda gunakan untuk mendaftar tadi.
Cara Pasang Contact Form di Halaman Statis Blog
- Silahkan login ke akun blogger,
- Pilih Laman >> Laman Baru
- Buat Judul dengan Contact Us, Kontak atau Hubungi Kami, Paste kode HTML contact form tadi pada Mode HTML, terakhir Publikasikan dan lihat hasilnya.
Dengan cara diatas, Jika ada pembaca mengirim pesan lewat contact form, maka akan dikirim otomatis ke alamat email yang anda gunakan untuk membuat Contact Form tadi. tinggal anda balas pesannya biar senang dan bahagia.
Demikian informasi tentang Cara Membuat Contact Form di Blog untuk menghubungi admin blog lebih mudah dan cepat. Semoga dapat bermanfaat untuk tetap memberikan informasi buat pembaca tercinta. Anda juga bisa membaca beberapa artikel tentang tutorial blog di blog sederhana ini.
 Keren di Blog){kind=link}
mas saya mau nanya
kenapa contact form saya gak ada pemberitahuan ke email
tapi kalo yang ngisi form nya orang luar negri, lancar masuk ke email
mohon bantuannya
Terima kasih sudah berkunjung Mas Firman, selama saya menggunakan foxyform lancar aja, setelah saya uji coba biasanya selang beberapa jam sudah masuk, namun ada juga yang 1 hari pemberitahuannya baru masuk. jadi pastikan alamat email sudah benar, nanti pemberitahuan akan terkirim sendiri jadi tunggu saja mas.
Foxyform di blog saya cuma tulisan link foxyfrom doang kok gak ada kolomnya kenapa ya, padahal saya sudah mengikuti alur dengan benar… mohon bantuanya mas
sama mas,gimana ngatasinnya ya?
Saya sudah cek dari beberapa theme koleksi yang sudah seo friendly aman dan lancar. Kalau masih kesulitan coba ganti tenplate terlebih dahulu untuk uji coba.
sudah saya cek mas, kolom keluar dengan baik. terima kasih sudah berkunjung
Ini artikel yang lagi saya cari cari mas. Makasih banyak
artikel nemu jg makasih gan
bagus gan… ijin praktek…. moga berhasil…
Terima kasih, barusan saya bikin contact us di blog, dan berhasil ngikutin step by step panduan dari anda 🙂
Sama-sama mas Ahmad, semoga bermanfaat. Halaman contact memang sangat diperlukan untuk berinteraksi dengan pengunjung jika ada hal penting yang ingin ditanyakan. Salam Sukses
mas yang foxyform sekarang sudah tidak bisa yah..?
Kayaknya masih bisa Mas, tetapi kalau tidak bisa gunakan versi yang lainnya.
Mas, mau tanya yah.
Untuk form yang kita buat itu format bentuk tampilan nya bisa kita sesuaikan sendiri apa hanya sesuai yang ada di penyedia form tsb yah?
Terima kasih banyak.
Bentuk form sesuai yang disediakan oleh pihak penyedia form tersebut Mas, jadi tinggal pilih saja mana yang diinginkan.
Ini free kan ?
Betul, semua layanan gratis. Namun juga tersedia versi pro yang memiliki fitur lebih baik.
Makasih tutorialnya, saya udah coba dan berhasil di terapkan di blog saya.
SAYA masih belajar nich cara buatnya ad videonya gak ya
Maaf Mas Ikhsan, untuk tutorial video belum tersedia. Lain waktu kalau sudah sempat nanti dibuatkan.
terima kasih ilmunya
Thanks gan
Langsung eksekusi 😀
Artikel menarik. Izin coba.
Silakan singgah di ‘padepokan’ saya.
Trims ya, mas
Mas sori ganggu bentar, punya sy kok ga keluar ya? Pdh udh ikutin sesuai intruksi dari mas, tapi hasilnya ga nonggol di blog?
Sekalian nanya klo mao bikin privacy policy kan mesti kita cantumin contact link pada proses regist-nya. Nah, pertanyaannya di mana kita bisa liat tuh contact link-nya?
Mohon maaf kalo borongan nanyanya, maklum msh blogger pemula, jdi msh butuh banyak bimbingan dri blogger senior yg udh berpengalaman seperti mas 🙂
Sekian dan terimakasih atas info yg udh mas bagi, sangat membantu bagi sy yg bru terjun ke dunia blogging ^^
Kalau masih tidak bisa gunakan haman kontak biasa aja, didalamnya kasih kontak seperti alamat email, fb, wa dll.
Untuk mengetahui link bisa dibuka halaman tersebut lalu ambil URL-nya. JIka kurang jelas bisa menghubungi saya melalui WA atau email. Terima kasih
Terimakasi kawan, sangat membantuuu
kalau disitus ini pakai form kontak apa yak..?
Kalau ini sudah bawaan template, kalau di wordpress itu ada plugin contak form 7.
Selain yang sudah dibahas, 123ContactForm mempunyai kelebihan apa lagi…?
Untuk fitur lainnya bisa dicek langsung melalui situs resminya ya agar lebih jelas.
Mantab terimakasih mas, baru nemu tutorialnya
itu watermarknya gak bisa diilangin ya gan klo pke yg free
Thanks ya cara yang no 2 hasilnya lebih keren