Cara Mengatasi Error Pada Contact Form Blogger

Kenapa tombol kirim formulir kontak tidak bisa mengirim pesan? Jika tag penutup body template blogger diparse maka beberapa widget default blogger termasuk contact form tidak bisa berfungsi sebagaimana mestinya. Kamu tidak perlu khawatir tentang hal itu karena disini saya sudah menemukan beberapa trik untuk mengembalikan fungsi widget default blogger (contact form) tanpa harus mengembalikan tag penutup body ke aslinya.

Di artikel ini saya akan mengupas tuntas masalah contact form yang error dengan 3 motode yang benar-benar teruji untuk mengatasi error pada contact form blogger yang tidak bisa mengirim pesan, mari simak dengan baik dan ikuti sesuai instruksi agar widget contact form anda 100℅ kembali berfungsi. [ads id="ads1"]

Cara Mengatasi Error Pada Contact Form Blogger

Metode Pertama: Cara Mengatasi Contact Form Blogger Yang Error

Install Widget Contact Form sesuai dengan arahan pada halaman tutorial Contact Form.
Kemudian Uji coba contact form, apakah sudah berfungsi atau tidak.

Jika contact form tidak berfungsi di blog anda, metode penginstalan script contact form blogger harus dirubah dengan metode berikut nya. Tetapi pastikan dulu kamu sudah melakukan metode pertama.

Metode Kedua: Mengembalikan Fungsi Widget Contact Form Blogger

Install Template Contact Form dihalaman statis.
Publikasikan Halaman Kontak (Contact Form).
Bungkus script contact form dengan tag conditional halaman statis.
Kemudian install/tambahkan script contact form yang dibungkus dengan tag conditional halaman statis kedalam template blog tepat diatas kode penutup body.

Lihat contoh penerapan script contact form pada cuplikan kode dibawah ini.



<b:if cond='data:view.isPage'>

<script src="https://www.blogger.com/static/v1/widgets/2195516358-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'] = '6286909915724512730';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6286909915724512730','//www.cordialblogger.com/','6286909915724512730');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden-widgets', 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': '6286909915724512730', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]></script>

</b:if>

&lt;!--</body>--&gt;&lt;/body&gt;

Keterangan: Tag conditional digunakan agar script contact form hanya dirender dan bekerja pada halaman statis saja dan tidak dirender untuk halaman lain, dengan begitu bundle script tidak akan menggangu pengoptimalan blog anda.

Saya yakin dengan metode kedua error contact form akan teratasi sepenuhnya, dalam artian tombol send message berfungsi sebagaimana mestinya.

Praktik Terbaik

Praktik terbaik untuk mengatasi error pada contact form blogger adalah dengan menginstal script contact form blogger kedalam tag conditional url khusus dan di tempatkan kedalam tag penutup body template blogger seperti contoh dibawah ini:



<b:if cond='data:view.url.escaped in {&quot;https://www.cordialblogger.com/p/contact.html&quot;,&quot;https://www.cordialblogger.com/p/contact.html?m=1&quot;}'>

<script src="https://www.blogger.com/static/v1/widgets/2195516358-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'] = '6286909915724512730';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6286909915724512730','//www.cordialblogger.com/','6286909915724512730');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden-widgets', 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': '6286909915724512730', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]></script>

</b:if>

&lt;!--</body>--&gt;&lt;/body&gt;

Tujuannya agar bundle script contact form hanya di render dan bekerja pada halaman kontak saja. Saya sudah membuktikan dan menganalisa trik ini secara mendalam, ini benar-benar menjadi solusi terbaik agar widget contact form kembali berfungsi tanpa mengganggu perfoma halaman lain di blog anda.

Metode Ketiga: Mengatasi Error Pada Script Contact Form

Selain penempatan, script contact form blogger juga bisa error, sehingga formulir kontak tidak bisa mengirim pesan. Error pada script contact form biasanya terjadi pada tanda petik (quote) yang ada didalam script contact form. Untuk mengatasinya kamu hanya perlu mengganti tanda petik pada bagian tertentu dari single quote menjadi double quote.

Berikut ini adalah contoh cuplikan script contact form blogger yang wajib menggunakan double quote:

Bundle script widgets



<script src="https://www.blogger.com/static/v1/widgets/2195516358-widgets.js" type="text/javascript"></script>

Template version ("templatesV1")



{ window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'yourblogID';BLOG_attachCsiOnload(''); }

Error pada script contact form sebenarnya hanya terjadi jika script contact form ditempatkan dihalaman statis saja dan tergolong jarang terjadi. Jika kamu menggunakan script contact form yang saya share di blog ini insya allah tidak akan error karena script sudah diuji coba terlebih dahulu sebelum dipublikasikan.

Apakah semua trik di atas berlaku untuk mengatasi error pada contact form sidebar & footer?

Jika contact form yang error berada diposisi sidebar atau footer blog, sebaiknya pindahkan saja ke halaman statis, itu akan lebih baik untuk blog anda karena satu-satunya cara memperbaiki contact form blogger yang berada diposisi sidebar & footer adalah dengan mengembalikan tag penutup body ke versi aslinya yaitu </body>.

Cari Blog Ini

Niko