Create Contact Page In Blogger – Add Contact Form For Blogger

How To Create Contact Page In Blogger – Add Contact Form For Blogger

How many times people in your blog left unrelated message in your posts comment area?

Adding contact form in a blog is absolutely necessary and by doing so you are encouraging your blog visitors to be social. By adding a contact form, visitors will have the opportunity to speak up their mind. So instead of using your blogs comment section, people will contact with you more personally using these contact forms. Here we will see how to create contact page in Bloggerthat is we will add a simple contact form in contact page.

You have well created a Contact Us Page in Blogger, but what we need is to add a spam free contact form. In wordpress we can manage multiple forms using these two great plugins contact form 7 & Gravity forms. Now we are going to create a contact form for Blogger using Google docs where you can manage multiple forms. Believe; it’s a simple, powerful, spam free contact form for your blog and it has more options.

Benefits Of Google Docs Contact Form

--- You can create as many contact forms.

--- You can view all your responses in a separate spreadsheet.

--- Create and easily embed the contact form to any pages in your blog.

--- You can add radio buttons, checkboxes and list in contact form.

How To Create Contact Form For Blogger?

Go to Google Drive and login using your Blogger account. Now at the top left corner click create form and you will see different templates to choose from. Better choose the default template and name the title as “Contact Form”.

Now as of basic contact form you will have to create three fields that is name, email and message field. After selecting the template you will see three options that is question title, help text and question type.

Your Name

Now to add a name field select “text” in question type and name the question title as “your name”. If you want to help your readers with more info then you can add help text. Now check this field as required question, so that users will not be able to leave a message with this field blank. Check the Required Question .Click done.

Your Email

You have just added the name field and to add an email field select “text” in question type. Now name the question title as “Your Email” and mark this question as required. This is an email field and so users have to only enter their email address and not a normal text. In order to force them to enter their email address just select date validation, text and email address as you see in the image.

Your Message

Now for the message field select paragraph text, mark the field as required and name the field as “your message”. Question type "Paragraph". Now drop down date validation, select text and set the minimum character count as 100. By doing so, your users will leave a long detailed message.

If you wish to add phone number, country or URL field then the process is same what you did above. For number drop down date validation, select number and select greater or less than values. For URL value drop down date validation, select text and then select URL.

Additional Spam Protection

Click Add item and select check box and mark it as required question and name it as “Human Verification”. In option field enter “Confirm that you are a Human and not robot!” and click done.

When you click send form a popup window opens, now click embed and grab the iFrame code.

Copy the code, and the log in on your blogger account. Create a new Page name it Contact Us click on HTML mode .

Now paste the embed code in HTML view and publish it.

Now you have a simple, yet powerful contact form in your Blogger contact page. Edit iFrame width and height to perfectly fit your blog.

Receiving Responses From Blogger Contact Form

Go to Google Drive and you can see contact form (responses) for your contact form. Open it and you can see all the responses in spread sheet.

Now your contact form is fully functional and ready for your visitors. Add Your Contact Us Page In Menu Tab, so that users will know it.

I hope this article helped you on how to create contact form for Blogger and how to create contact page in Blogger. Share it if you found useful, leave your comments and subscribe to our RSS feeds.