Halaman contact us atau dalam dunia blogging dikenal dengan istilah contact form adalah sebuah halaman yang disediakan oleh pemilik blog atau website agar visitor dapat berinteraksi atau mengilimkan pesan langsung melalui email kepada pemilik blog
Setiap kali pengunjung mengirimkan pesan melalui contact form maka pesan tersebut secara otomatis akan terkirim di email pemilik blog.
Itulah bedanya halaman statis contact us dengan komentar blog
Kenapa Harus Menyediakan Halaman Contact US?
Mengapa contact form sangat penting, bukankah bila sudah disediakan nomer WA sudah sama saja?
Mungkin 😀
Mari kita simak terlebih dahulu beberapa alasan mengapa kita harus membuat halaman contact us di blog sebelum kita bisa menarik berbagai kesimpulan:
1. Security
Alasan pertama adalah keamanan, bila kita mengekspos alamat email atau nomer WA di blog maka robot jahat yang mengcrawl data kita akan menyebarkan contact kita ke segala penjuru dinia, dalam beberapa’ saat email kita akan penuh engan spam. Dan tentu saja berbagai tawaran dan percobaan penipuan akan memenuhi pesan whatsApp
Tidak percaya? silahkan dicoba 😀
Dengan menggunakan contact form maka alamat email kita akan tetap tersembunyi, walaupun begitu pesan yang dikirim melalui form contact us akan tetap terkirim di email
2. Professional
Kesan pertama yang diberikan ketika sebuah blog memiliki halaman contact form adalah bahwa “blog ini memang profesial dan benar benar NIAT”
Kenapa seperti itu?
Kenapa sebuah blog tidak memiliki contact form? bukankah itu sama halnya dengan memberi tahu visitor”Sudah Ngga Usah Nanya Macem Macem”
Inginnya konten ramai dan blog memiliki banyak pengunjung, namun pemilik blog sendiri tidak mau membangun hubungan dengan pengunjung…. trus maunya pemilik blog apa?
Sudah jelas ini blog abal abal, susah dihubungi, tidak profesional
3. Menolong Diri Sendiri
Ya, dengan memasang contact form’ kita pada dasarnya telah menolong diri sendiri
Banyak dari kita ingin memperoleh penghasilan dari internet melalui iklan Adsense, PropellerAds, Amazon Associates dll
Namun kenapa terkadang lamaran kita untuk mendaftar di layanan mereka ditolak?
Karena saat surveyor berkunjung dan tidak mendapati adanya halaman contact us bisa saja mereka menarik kesimpulan bahwa blog kita tidak memiliki koneksi dengan audiens nya, untuk apa mereka memasang iklan di blog blog seperti itu?
Permudahlah diri sendiri ! diminta contact aja kok susah sih kaya artis aja 😀
Cara Membuat Contact Us di Blogger
Form contact us guru blogger bisa dilihat disini :Â Contact Guru Blogger
Membuat contact us di blogger itu mudah, bisa dikatakan itu adalah pekerjaan 1 menit
Karena memang benar, dibutuhkan waktu kurang dari 1 menit untuk membuat halaman contact us
Berikut ini langkah langkah membuat halaman contact us di blogger:
- Login di Blogger
- Buat page atau post baru
- Copy script ke HTML Editor
- Publikasi postingan / pages
- Buka Layout
- Tambahkan Gadget Contact Us
- Simpan
Lebih jelas langkah langkah membuat contact form blogger ikuti petunjuk gambar berikut ini:
1. Login Di Blogger
2. Buat Halaman atau Postingan Baru
3. Copy Script Ke HTML Editor
Saat kita membuat halaman atau postingan baru biasanya kita berada di halaman compose editor, rubah menjadi HTML Editor (pojok kiri atas lihat gambar)
Script yang dicopy:
#contact{
background-color:#fff;
margin:30px 0 !important
}
#contact .contact-form-widget{
max-width:95% !important
}
#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{
background-color:#FFF;
border:1px solid #eee;
border-radius:3px;
padding:10px;
margin-bottom:10px !important;
max-width:97% !important
}
#contact .contact-form-name{
width:97%;
height:30px
}
#contact .contact-form-email{
width:97%;
height:30px
}
#contact .contact-form-email-message{
width:100%;
height:150px
}
#contact .contact-form-button-submit{
max-width:100%;
width:100%;
height:50px!important;
z-index:0;
margin:4px 0 0;
padding:10px !important;
text-align:center;
cursor:pointer;
background:#27ae60;
border:1px;
height:auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
text-transform:uppercase;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out;
color:#FFF
}
#contact .contact-form-button-submit:hover{
background:#2c3e50
}
#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{
box-shadow:none !important
}
</style>
<br/>
Isi form berikut ini untuk menghubungi guru blogger, Bila tidak ada hambatan guru blogger akan segera me reply jawaban <b>melalui email.</b>
<br/>
<div class=”contact-form”>
<div class=”contact section” id=”contact” style=”display: block;”>
<div class=”widget ContactForm” id=”ContactForm1″>
<div class=”contact-form-widget”>
<div class=”form”>
<form name=”contact-form”>
<input class=”contact-form-name” id=”ContactForm1_contact-form-name” name=”name” placeholder=”Name” size=”30″ type=”text” value=”” />
<input class=”contact-form-email” id=”ContactForm1_contact-form-email” name=”email” placeholder=”Email” size=”30″ type=”text” value=”” />
<textarea class=”contact-form-email-message” cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” placeholder=”Message” rows=”5″></textarea>
<input class=”contact-form-button contact-form-button-submit” id=”ContactForm1_contact-form-submit” type=”button” value=”Send” />
<br />
<div style=”text-align: center; width: 100%;”>
<div class=”contact-form-error-message” id=”ContactForm1_contact-form-error-message”>
</div>
<div class=”contact-form-success-message” id=”ContactForm1_contact-form-success-message”>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
Beri Judul dan langsung publikasikan postingan
Sampai disini halaman contact form sudah jadi namun belum bisa dipakai (widget contact form harus diaktifkan terlebih dahulu)
Ok…next
4. Buka LayoutÂ
5. Tambahkan Gadget Baru
6. Pilih Contact Form Gadget
7. Buang Checklist Agar Gadget dalam posisi Hidden
8. Selesai
Contact form selesai dibuat dan sudah bisa digunakan, silahkan dicoba dan cek email apakah pesan sudah masuk
Letakkan link Contact Us di tempat yang disukai
Selamat belajar . . .