How to Create Contact Form for Blogger and Wordpress and Website using Google Drive

Contact Form is nothing but Form which receives mails from various customers to your site then you reply to that mail is called contact form.

Go to Google, one special application is there for a contact form. You can create and copy the code of the application and paste it on blogger/website / Wordpress without HTML and CSS file.

 (Google – Google application – Drive – login with your Gmail id and password – select a new option – click more option – select Google forms)

Google Form:

In Google Form, first, you must type your name (Digital Vishnu) then click the options button after that switch ON required option to every creative field like name, number, mail id, description option.

Type Name replaced in the Untitled Question printed column then select multiple-choice it will show more option. From that option, you should select a short answer option. Next, you have to click the copy option in the below-typed fields.

 Type Number in that empty field then select short answers then you should check number field as number format or text format. Next, you have to click the copy option. The same procedure followed for type Email id. You should change the format of the email id and set as text format. Next, you have to click the copy option.

Type Enquiry in that empty field and select short answers then select choose multiple choice questions format. Then you can write on it like digital marketing, website designing, others services, internship by select other fields.

 Type Description in that empty field and select short answers then select format called paragraph instead of multiple choice and numbers.

Once you have to complete every field, then you must check that every field required option is enabling or not.

Select send menu in Google drive contact form. There are 3 options are email, script code and embed (nothing but code with inside information) code. You should select <> option and copy HTML code then go to your blogger dashboard.

Then click view blog in your blogger and check your previous uploaded contact form like name, mail and message.

Go to blogger dashboard click Layout option then select right sidebar and Select Add a gadget option and choose HTML/Javascript option  then type Title as Contact Us  and paste that copied embed contact form code in the content-box then click save and save arrangements option.

You are facing a problem like your Contact form is out of the width of in blogger. How to correct the width of contact form in a blogger? Go to Google drive contact form then change the width of embed code like width as 120 px from 640 and height as 1000 px from 1161. Then once again select embed code and replace previously uploaded code in the content-box of the blogger. Another way is you can directly change the width by change the width of pasted embed HTML code in the content box like change width as “250” from 120.

Another important thing is once created Google form where it can be saved? Go to your Google drive contact form and select the Response option near the Question option. Then Select create a new spreadsheet and type name (as Digital Vishnu). Then select for creating a spreadsheet option (or) you can save it on the existing spreadsheet.

            “Once you fill and submit every detail on Google form in Blogger site you can check that filled detail on a created Spreadsheet. So Contact Form has received the emails and other enquiries for our website/blog / Wordpress”

The same procedure is applied to Website and Wordpress.