Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan

Cara Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan. Bagaimana cara mengatasi atau memperbaiki contact form yang tidak bisa berfungsi saat kita mengirim ke email kontak kita tersebut, dari beberapa pertanyaan yang masuk ke email madamvia, masalah yang sering terjadi adalah ketika kita mengklik tombol kirim pesan ke email kita melalui kontak form atau widget contact form.

Baca Juga : Cara Membuat Contact Form Di Halaman statis Blog

Tak di pungkiri, keberadaan contact form atau halaman kontak us ini sangat di perlukan untuk keperluan atau ajuan pertanyaan lainnya yang berkaitan dengan admin blog, entah itu pemasangan iklan atau pertanyaan lainnya yang bisa di kirim melalui halaman kontak.

Baca Juga : Membuat Tombol Chat WA & SMS Langsung Ke Admin Blog

Namun memang ada beberapa masalahnya disini, yaitu widget kontak form tersebut tidak bisa berfungsi saat kita mengklik kirim (SEND) dan tidak merespon apapun, meskipun widget kontak form tersebut dalam tampilan fisik sudah bagus.

Penyebab Halaman Kontak tidak Berfungsi atau tidak Berjalan??

Dari beberapa pengetahuan yang saya cari di google, faktornya memang adalah karena custome template blog yang berlebihan???

Disebabkan karena perubahan custom template blogger yang exstrime sehingga menghilangkan stylesheet original bawaan blogger.

Jadi memang penyebab tidak berfungsinya halaman contact us atau kontak form ini, di sebabkan karena efek berlebihan dalam mengcustome template sehingga, kode asli blogger atau original kode nya sampai hilang. hal ini mungkin wajar, tapi memang ada efeknya juga.

Cara Memperbaiki Halaman Kontak tidak Berfungsi Saat Klik Tombol Kirim Pesan

1. Mengatasi contact form tidak berfungsi Pada halaman statis

Cara ini adalah cara bagaimana mengatasi kontak form yang dibuat di halaman statis atau static page.

Setiap kita membuat kontak form, pasti kita menyelipkan sebuah kode HTML untuk halaman statis, nah untuk kode pemanggilnya biasanya seperti dibawah ini atau bisa berbeda namun awal dan end tagnya pasti sama.

<div id="contact_wrap"><h3>Contact Us</h3><form name="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input id="ContactForm1_contact-form-submit" type="button" value="Submit" /><div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>

Perhatikan pada kode </form> yang saya tandai, nah sekarang letakan kode dibawah ini tepat dibawah kode </form> tersebut.

<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'] = '3890926306523027184';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3890926306523027184','//www.madamvia.web.id/','3890926306523027184');_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', 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': '3890926306523027184', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>

Sehingga hasil akhirnya akan seperti dibawah ini.

<div id="contact_wrap"><h3>Contact Us</h3><form name="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input id="ContactForm1_contact-form-submit" type="button" value="Submit" /><div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<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'] = '3890926306523027184';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3890926306523027184','//www.madamvia.web.id/','3890926306523027184');_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', 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': '3890926306523027184', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>
</div>

Perhatian : Ganti kode yang saya tandai merah dengan kode ID blogger anda dan dengan url situs anda.

Kode bisa anda lihat di atas url dibagian dashboar blog atau lihat gambar dibawah ini.

Jika sudah, silahkan save dan lihat hasilnya.

2. Mengatasi contact form tidak berfungsi Pada widget sidebar

Cara ini adalah cara bagi anda yang membuat halaman kontak dalam bentuk widget yang dipasang pada sidebar blog anda.

Silahkan letakan kode dibawah ini tepat di atas kode </body>

<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<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>

Save template.

semoga bermanfaat di tutorial cara memperbaiki atau mengatasi kontak form yang tidak berfungsi saat klik kirim pesan.

Source : http://www.oktavialie.web.id/2016/04/cara-mengatasi-contact-form-tidak-berfungsi.html