How To Add Contact Form in Blogger - Free Contact Form

How To Add Contact Form in Blogger, so today we are going to learn about this topic, Blogger  is able to add a page to our page, use a contact form page, or if you are using a blog as an admin, please contact us or you will be able to personalize your personal information. For a blog, How To Add Contact Form in Blogger is available here. If you do not want to Add Contact Form in Blogger, then you can post a reply. If you want to contact me on the Add Contact Form in Blogger, just type the following html code.

Why We Should Need to Add Contact Form in Blog

Contact page helps to get connection between  the audience or visitors. Without contact page your visitors can’t able to connect with you or they can’t post any query on your page. Contact Page links the larger audience. If you have a Google Adsense blog on your blog, you can add a blog to your blog or contact us page here. Because Google Adsense has been reviewing your blog, so please make sure that it is your blog, About Us, Contact Us Privacy Policy page. So you have to contact us on page for more information about this page. The following steps will elaborate you about that how can you create the Add Contact Form in blog?

How to Add Contact Form in Blogger

•  Go to Blogger Dashboard

• Create the page here
•  In the Page Title – Type Contact Us

•  Copy this code and paste into HTML

<script>var blogId = '6233958361916486377';//this number should be mandatorily edited. //The below message 5 Strings can also be edited var contactFormMessageSendingMsg ='Sending...'; var contactFormMessageSentMsg = 'Your message has been sent.'; var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.'; var contactFormEmptyMessageMsg ='Message field cannot be empty.'; var contactFormInvalidEmailMsg = 'A valid email is required.' var widgetLoaded=false; function sendEmailMsg() { if(widgetLoaded== false) { _WidgetManager._//The below message 5 Strings can also be editedvar contactFormMessageSendingMsg ='Sending...';var contactFormMessageSentMsg = 'Your message has been sent.';var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';var contactFormEmptyMessageMsg ='Message field cannot be empty.';var contactFormInvalidEmailMsg = 'A valid email is required.' var widgetLoaded=false;function sendEmailMsg() {if(widgetLoaded== false) {_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); widgetLoaded=true; document.getElementById('widgetLoaded=true;document.getElementById('ContactForm1_contact-form-submit').click(); } return true; } </script> <form name='contact-form'> <div>Your Name : </div> <input class='contact-form-name' id='ContactForm1_contact-form-}return true;}</script><form name='contact-form'><div>Your Name : </div><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-<div>Your Email: <em>(required)</em></div><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <em>(required)</em></div> <textarea class='contact-form-email-<div>Your Message: <em>(required)</em></div><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-<p></p><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/> <div style='text-align: center; max-width: 450px; width: 100%'> <p class='contact-form-error-<div style='text-align: center; max-width: 450px; width: 100%'><p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form></div></form>

•  Then publish your page

How To Create Free Blog

Important Note : Before publish your page 6233958361916486377 you have to paste your current page’s ID, you can get ID from URL.

Now your contact page is ready for working , hope you understand the whole steps accordingly.  If you have any query or problem for understanding then contact Us or comment us