Cara Mengatasi Formulir Kontak yang Gagal Mengirim Pesan

Kali ini, izinkan saya berbagi tutorial bagaimana caranya mengatasi dan memperbaiki formulir kontak yang gagal mengirim pesan (email) di blogspot.com (blogger.com).

Pertanyaannya, kenapa formulir gagal mengirim pesan, karena kode widget bundle bawaan (default) blogger.com yang dihapus secara paksa oleh pembuat template blogger. Penghapusan kode ini bersamaan dengan menyembunyikan, menghilangkan atau menghapus kode JavaScript (Js).

Memang benar, penghapusan kode-kode tersebut mempengaruhi kecepatan loading blog agar lebih cepat. Masalahnya, kode yang dikorbankan merupakan kode penting bagi perjalanan blog tersebut. Salah satu contoh yang diakibatkan, tombol kirim (send) tidak aktif ketika diklik oleh pengunjung blog.

Cara Mengatasi Formulir Kontak yang Gagal Mengirim Pesan

Berikut, cara memperbaiki widget contact form yang gagal mengirim pesan.

1. Blogger > halaman.

2. Cari halaman statis kontak saya atau contact us yang telah dibuat.

3. Klik pada judul untuk mengedit halaman > beralih ke mode tulis Tampilan HTML.

4. Gulir ke paling bawah. Lalu salin (copy) kode di bawah ini, tempelkan (paste) tepat di bagian paling bawahnya. Selanjutnya klik tombol perbarui.

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '7470227408757290814';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x7470227408757290814','//https://www.ariefghozaly.web.id/','7470227408757290814');
_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': '7470227408757290814', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

5. Ganti alamat blog https://www.ariefghozaly.web.id/ dan blog ID milik saya dengan milik sobat.

Untuk mengetahui blog ID, silakan masuk ke Blogger dan pilih web blog yang ingin diambil blog ID-nya. Lihat kolom Address Bar, di situ tertulis blog ID kawan-kawan.

Jika sobat tidak ingin repot, atau sekali dipasang langsung berhasil, bisa coba tutorial berikut: Cara Membuat Formulir Kontak di Blogger dengan 123FormBuilder.

Demikian tutorial bagaimana caranya mengatasi dan memperbaiki formulir kontak yang gagal mengirim pesan (email) di blogspot.com (blogger.com). Semoga bermanfaat.