Create Contact Us Form in Blogger Using Google Drive

Create Contact Form

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.



A new tab will open. Enter your form name and choose default theme and then press OK.

A default form will create. Now enter Name in the Question Title field, tick on required question and then press done button as shown in the screenshot below.

1. To add more options like Email, Subject and Message simply press the add item button and add as many items you want to add in your contact form.



2. Once you satisfied with the form, press the send form button from the top right corner of the screen.


3. A dialog box will open. Click on Embed button and copy the entire code on notepad and hit done button.
   Tip: The code will look like this:
4.  <iframe src=”https://docs.google.com/forms/d/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/viewform?embedded=true” height=”500″ width=”760″ frameborder=”0″ marginwidth=”0″ marginheight=”0″></iframe>

The contact form is created. Now we have to enable notification option means when somebody fill and submit the form from our blog, then we should receive a notification. 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 radio button and press create button. See below screenshot.
3. Now click on View responses button from the top.
4. A new tab will be open with a spreadsheet.
5. Now click on Tools menu and choose notification rules.
6. A popup menu will appear. Simply tick on A user submits a form and Email – right away options and press save button!
7. Done!

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

Create Contact Us Page

1. Go to blogger dashboard.
2. Create a new blank page.
3. Type Contact Us in the page title field.
4. Choose HTML and paste the code of your contact form which you was copied in notepad.
5. Click publish and you have done.

Now visit your blog and look at contact form on your contact us page.
This was the tutorial which I make to show you how to make contact us or contact me form for contact page in your blogger blog. You can use that code on any of your blog or website. Hope you like my tutorial.

1.  
2.