Create Contact Form For Blogger With Google Drive

Creating contact us page with Google drive :
Contact us page is important for all blogs/websites. Blogger provides a contact us widget to add a contact form to Blogger blogs. It is easy to add a contact us page to Blogger on the Blogger widget area, but for newbies, it may be hard to add a contact us form to static pages on their Blogger blog.

We have already discussed how to add a contact form to your Blogger blog with the Blogger contact us widget. Now, we will discuss creating and adding a contact form to your Blogger blog page with Google Drive.

How to create contact form for your Blogger blog with Google drive:

 It is easy to create a contact us form for your Blogger blog with Google Drive. Google Drive is a Google product, so it is trusted and more secure. Go to Google Drive, create a contact form, get the contact form from Google Drive, and finally, add that code to your Blogger blog.

Follow below steps to create contact form for Blogger with Google drive:

Step 1 : Go to Google Drive and log in with Gmail account.

Step 2 : Click on Create button and then click on Form

Step 3 : A new window will open. Enter your title as Contact us and choose the default theme, then click on OK.
  
Step 4 :  A default form will be created. Now, enter the question title as "Name" and select the question type as "Text". Tick on the "Required question" box and then press the "Done" button. To add more fields like email, website, and message, simply press the "Add item" button and add the questions.

Step 5 : Click on the "Send form" button after completing the form customization. Then, click on the "Embed" button and copy the iframe code, and save it in a notepad. Finally, click on the "Done" button.

Follow below steps to get form notifications :

To get notifications (responses after filling contact forms), do something like below:
   
Step 1 : Click on choose response destination button .

Step 2 : A pop up window will open, Select new spreadsheet option and click on create button.

Step 3 : Click on View responses button

Step 4 : Now, a popup window will open. Click on the 'Tools' menu and select 'Notification rules'..

Step 5 : Again, a popup window will open. Tick on "A user submits a form" and "Email - right away" options under the "Notification rules" section, then press the "Save" button.

Follow below steps to add Google drive form embed code to your Blogger blog :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Pages

Step 3 : Click on New page

Step 4 : Switch to HTML mode and paste the contact form embed code which you got from Google Drive.

Step 5 : Click on Publish

Now visit your blog once and click on the contact page to see your contact form. With this method, you can add a contact form to any Blogger.

1 comment:

  1. Nice post, but im already using this service.
    All works like a charm, no coding and etc.

    ReplyDelete