Contact Form adalah sebuah halaman statis yang berfungsi sebagai sarana komunikasi antara penulis atau admin dengan pembaca pada suatu blog tersebut, agar dapat dengan mudah dihubungi, baik itu mengenai pembicaraan pribadi atau lainnya.
Contact Form biasa disebut juga dengan Contact Us, formulir kontak atau hubungi saya, sebenarnya hal itu sama saja tergantung anda sendiri lebih menyukai kata yang mana. Secara umum formulir kontak biasanya terdiri dari Nama pengirim, email dan isi pesan yang ingin disampaikan, sangat sederhana dan mudah digunakan menurut saya.
Biasanya keberadaan Contact Form dalam blog atau website dapat kita jadikan sebagai indikator bahwa blog tersebut terpercaya, lebih profesional atau bahkan biasa orang menyebutnya sebagai syarat wajib bila ingin mendaftarkan ke google adsense atau membuat Privacy Policy dan Disclaimer juga membutuhkan Contact Form.
Sebenarnya ada beberapa penyedia pihak ketiga layanan pembuatan contact form untuk blog, namun menurut saya itu adalah hal yang merepotkan atau sulit untuk digunakan, padahal kita sendiri bisa membuatnya dengan mudah tanpa harus menggunakan pihak lain.
Berikut saya akan membagikan tutorial cara membuat contact form atau contact us pada blog dengan mudah dengan tampilan yang sederhana namun terlihat menarik. Untuk itu saya merekomendasikan formulir kontak yang cocok untuk berbagai template blog.
Cara Mudah Membuat Halaman Contact Form Pada Blogger
1. Pertama login terlebih dahulu di blog anda > Pilih Tata Letak
2. Pada sidebar pilih Tambahkan Gadget > cari dan pilih Formulir Kontak
3. Jika sudah, pilih menu Halaman > buat Halaman Baru > Tambahkan kode di bawah ini tepat berada di mode HTML (bukan compose) > kemudian pilih Publikasikan
Formulir Kontak rekomendasikan karena cocok untuk berbagai template blog
<div class="contact-form-widget">
<form name="contact-form">
<span class="ctitles">Nama Anda :</span>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" />
<span class="ctitles">Alamat Email <span class="swajib">*</span> :</span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" />
<span class="ctitles">Pesan Anda <span class="swajib">*</span> :</span>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<br />
<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>
</form>
</div>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>Untuk tampilannya seperti gambar dibawah ini
Catatan :
Sebaiknya di coba terlebih dahulu mengirim pesan di contact form anda, karena beberapa kejadian tertentu pesan tidak dapat dikirim. Jika bisa terkirim silahkan di skip tutorial di bawah ini, tetapi jika anda mengalami hal tersebut anda bisa melakukan tutorial di bawah ini cara mengatasi contact form tidak dapat mengirim pesan.
Cara Mengatasi Contact Form blog tidak dapat mengirim pesan
1. Buka Blog anda > Pilih Tema/Template > Pilih Edit HTML
2. Letakkan kode ini tepat berada di atas </body> atau <!--</body>--></body>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://www.blogger.com/static/v1/widgets/2759014865-widgets.js\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != "undefined" && BLOG_attachCsiOnload != null) { window["blogger_templates_experiment_id"] = "templatesV1";window["blogger_blog_id"] = "<data:blog.blogId/>";BLOG_attachCsiOnload(""); }_WidgetManager._Init("//www.blogger.com/rearrange?blogID\x3d<data:blog.blogId/>","<data:blog.url/>","<data:blog.blogId/>");
_WidgetManager._RegisterWidget("_ContactFormView", new _WidgetInfo("ContactForm1", "footer1", null, document.getElementById("ContactForm1"), {"contactFormMessageSendingMsg": "Sending...", "contactFormMessageSentMsg": "Your message has been sent.", "contactFormMessageNotSentMsg": "Message could not be sent. Please try again later.", "contactFormInvalidEmailMsg": "A valid email address is required.", "contactFormEmptyMessageMsg": "Message field cannot be empty.", "title": "Contact Form", "blogId": "<data:blog.blogId/>", "contactFormNameMsg": "Name", "contactFormEmailMsg": "Email", "contactFormMessageMsg": "Message", "contactFormSendMsg": "Send", "submitUrl": "https://www.blogger.com/contact-form.do"}, "displayModeFull"));
</script>3. Jika sudah selanjutnya pilih Simpan Tema
Harusnya dengan cara itu akan berhasil, tapi sebelumnya cek terlebih dahulu di email anda, karena kadang email tersebut di saring ke spam, maka sebaiknya terlebih dahulu menceknya dan mengubahnya menjadi Bukan Spam.
Demikian Tutorial dari saya mengenai Cara Mudah Membuat Halaman Contact Form Pada Blogger, jika ada sesuatu yang belum dimengerti silahkan mengunjungi kolom komentar, Terimakasih.