How To Add Contact Form In Blogger Blog

Hello Friends, You Know That There are hundreds of Contact form services available on the Internet providing Multi-Options Contact Forms. You can create your own Contact Form with the Information you want to show on Contact Form. But the main problem is you can't receive messages directly into your Blogger blog mailbox.

Contact page is very important for any website or blog So, the users/customers can easily contact the owner gets help or ask the question. Previously Blogspot has not any contact form widget for blogs and blog owners were forced to use third-party contact form widgets. 

How To Add Contact Form In Blogger Blog

It's Realy Good News for Bloggers that Blogspot Giving Their Own Contact Form Widget. Although the Blogspot Blogger Contact Form is not a fully Multifunction Contact Form It's too simple contact form but you can get messages directly to your mailbox.

It's Worth Nothing, It's An AJAX Form With Stylish Google UI. In case You Can't Find The Contact Form Widget I'll Show You How To Add Blogger Contact Form In Your Blogspot Blogger.

Go to your Dashboard > Layout > Add A Gadget > More Gadgets

Also Read: How To Convert Blogger Contact Form into a Contact Page

How To Add Contact Form In Blogger Blog

Choose the Contact Form gadget, give it a suitable title, and click on the Save button to add this gadget.
Update:  Now you can hide your contact form widget and convert it into a static contact us page.

You can add a contact form manually anywhere in a blog or in posts. Copy the below code and paste it.

<form name="contact-form">
<p></p>Name
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="">
<p></p>Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" 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">
<p></p>
<div style="text-align: center; max-width: 222px; 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>
That’s it!  
Hope this article helped you.

1 Comments

Thanks For Commenting We always appreciate your opnions.

Previous Post Next Post