How To Create "Contact Form" For Blogger Using Google Drive

Contact us page is a need of every blogger. Having a contact form in your blog is must if you want to interact with your visitors. If your visitors read your posts and want to contact you, then they will be able to directly contact you via contact form.

Here are some easy steps that will help you to create contact form using Google Drive.

Steps to Follow:

1. Go to Google Drive and log in with your Gmail id.

2. Click on "Create button" from the left side and choose "Form" option.

3. A new tab will open. Enter your form name(Contact Us), choose default theme and press OK.

4. A default form will be created. Now enter "Name" in the "Question Title" field, tick on "Required question" and then press done button.

5. To add more options like Email, Subject and Message simply press the add item button. Once you satisfied with the form, press the "Send Form" button from the top right corner of the screen.

6. A dialog box will open. Click on Embed button and copy the entire code on notepad and hit done button. The code will look like this:

<iframe frameborder="0" height="500" marginheight="0" marginwidth="0" src="https://docs.google.com/forms/d/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/viewform?embedded=true" width="760">Loading...</iframe>

Done, the contact form is created.

Now you have to enable notification option. To do this follow the below steps:

1. Click on choose response destination button from the top of the page.

2. A pop up box will appear. Select "New spreadsheet" and press create button.

3. Now click on "View responses" button from the top.

4. A new tab will be open with a spreadsheet. Now click on Tools menu and choose notification rules.

5. A popup menu will appear. Simply tick on "A user submits a form" and "Email - right away" options and press save button!

Done!

Now the next thing we have to do is create a contact us page in blogger blog.

Create Contact Us Page in Blogger

1. Go to blogger dashboard.
2. Pages >> New page.
3. Type "Contact Us" in the "page title" field.
4. Choose "HTML" and paste the code of your contact form. (which you copied in notepad)
5. Click publish and you have done.

Now visit your blog and look at contact form on your contact us page.

You can use that code on any of your blog or website. If you have suggestions for this post then just mention them below in comments or click on the 'Contact Us' page and send us the suggestions. :)