Cara Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan. Bagaimana cara mengatasi atau memperbaiki contact form yang tidak dapat berfungsi dikala kita mengirim ke email kontak kita tersebut, dari beberapa pertanyaan yang masuk ke email madamvia, dilema yang sering terjadi yakni 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 usulan pertanyaan lainnya yang berkaitan dengan admin blog, entah itu pemasangan iklan atau pertanyaan lainnya yang dapat 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 dapat berfungsi dikala 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 aku cari di google, faktornya memang yakni lantaran custome template blog yang berlebihan???
Disebabkan lantaran perubahan custom template blogger yang exstrime sehingga menghilangkan stylesheet original bawaan blogger.Makara memang penyebab tidak berfungsinya halaman contact us atau kontak form ini, di sebabkan lantaran imbas hiperbola dalam mengcustome template sehingga, instruksi orisinil blogger atau original instruksi nya hingga 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 yakni cara bagaimana mengatasi kontak form yang dibentuk di halaman statis atau static page.
Setiap kita menciptakan kontak form, niscaya kita menyelipkan sebuah instruksi HTML untuk halaman statis, nah untuk instruksi pemanggilnya biasanya menyerupai dibawah ini atau dapat berbeda namun awal dan end tagnya niscaya 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 instruksi </form> yang aku tandai, nah kini letakan instruksi dibawah ini sempurna dibawah instruksi </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 karenanya akan menyerupai 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 instruksi yang aku tandai merah dengan instruksi ID blogger anda dan dengan url situs anda.
Kode dapat 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 yakni cara bagi anda yang menciptakan halaman kontak dalam bentuk widget yang dipasang pada sidebar blog anda.
Silahkan letakan instruksi dibawah ini sempurna 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.
biar bermanfaat di tutorial cara memperbaiki atau mengatasi kontak form yang tidak berfungsi dikala klik kirim pesan.
