Official Blogger Contact Form Gadget Released

Blogger Contact Form
Word about Google working on a official Contact Form gadget started to go around when many Blogger developers start to encounter some code in the Blogger hosted CSS and JavaScript files which clearly indicated that a Official Contact Form gadget was on the way. Finally today after a long wait of 14 years , Blogger has released the new Contact Form gadget which will surely ring a death knell for third party contact form providers


How To Add It 

1. Go to the Layout Tab of your Blog

layout tab

2. Click the Add a Gadget button

add a gadget


3. Click on More Gadgets
gadget menu
4. Click on the Contact Form Gadget

configure contact form


5. Give it a appropriate title and Save it

Its Features

contact form example


> Sending simple text messages
> No Support for attachments ( Will be likely added in the future )
> Custom CSS Styles can be added easily
> All code is escaped before sending ( Cannot send any HTML via the message )

This new gadget release comes with the recent updates announced Google I/O 2013 and it looks like Blogger is still a integral part of the Google's Product line.

Written by Prayag Verma

Find me on Twitter

Email Newsletter

Like what you read here in this post ?
Get new posts delivered straight to your inbox

Wednesday, May 15, 2013
Post a Comment
Anonymous said...

Happy to know that, thanks.

May 16, 2013 at 3:26 AM Delete
Aumkar said...

Awesome widget but we can't add custom field in this form. Is there any way by which we can add this widget to static blogger page ??

May 16, 2013 at 8:57 PM Delete

AntiSpam Protection:
does not exist

May 16, 2013 at 9:15 PM Delete

Just add this HTML to your contact Page and the contact form should appear

<div class='widget ContactForm' id='ContactForm1'>
<div class='contact-form-widget'>
<div class='form'>
<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=…

May 17, 2013 at 8:59 AM Delete

Hi there

It would be a really awesome if it existed but we can just wish that Google is working on one

May 17, 2013 at 9:00 AM Delete
satish said...

Yah this gadget is very useful to track the customer pulse . Thanks to google and thanks to this website admin for intimating tis kind of information to all

October 18, 2013 at 10:58 AM Delete