How to Add Google Default Contact Form in a Separate Page for Blogger

Blogger launched it’s official version of the Contact Form Widget but, it works only on the Blogger Sidebar. If you don’t want to add the contact form to your Blog’s sidebar , then this tutorial will help you to add it in another separate page. I didn’t like to place my contact form in my sidebar.

So I decided to move to an separate page.Take a look at it. Now In this article I’m going to share How to Place Contact Form in a Specific Page. I have listed some easiest method to place it. Just follow my simple steps given bellow.

How to Add Blogger Contact Form to a Specific Page

  • Go to Blogger.com and sign in
  • Go to the “Dashboard”
  • After going inside dashboard Click on “Pages”
  • Then Click “New Page” placed at the top.
  • After that hit “Blank Page”
  • Go to the HTML Section and paste the bellow code in it,

<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-email’ name=’email’ size=’30’ type=’text’ value=”/>
<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-submit’ type=’button’ value=’Send’/>
<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-message’ id=’ContactForm1_contact-form-success-message’></p>
</div>
</form>

  • Then give a nice title for that page.
  • After giving a nice name hit the “Publish” button.
  • That’s it !
I hope these steps will be useful for you. If you have still any doubts about adding this to your blog then feel free to share it with us. We are ready to help you !
About Harshit Jain

Harshit Jain is a tech-savvy blogger. He is graduated from Mumbai University. He likes to share his knowledge through his own blog at TripoSoft, Best Beard Trimmer, Best Electric Toothbrush & TechHug as well as by writing guest articles on other blogging sites. Follow him on Facebook, Google+, Twitter.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.