--> How To Create And Embed Contact Forms using Google Docs? | Experience Lab - Online business creation and development guide for bloggers and startups

How To Create And Embed Contact Forms using Google Docs?

Google Docs has always been a good all-round tool for most of our simple work-related needs, such as creating documents, presentations, spre...


Create contact forms with Google Docs


Google Docs has always been a good all-round tool for most of our simple work-related needs, such as creating documents, presentations, spreadsheets, and so on. Now integrated with Google Drive, it still offers all of the functionality and backup options. You can do a lot with Google Docs, and that includes creating Forms. Indeed, Google Forms are widely used by surveyors, journalists, and beginner bloggers to create contact forms, survey questioners, and more. In this post, we'll talk about how to create a contact form with Google Docs, and how to embed it on your blog/website.




Creating a contact form with Google Docs has never been easier. In order to create a Google Form and to be able to collect responses, you need a Google Account. Follow the steps given below to create your own contact form and embed it to your blog/website.


Creating a contact form



  • Step 1: Log into Google Drive using your Google Account

  • Step 2: Click on the Create button on the left, and then select Forms

  • Step 3: Choose a title for your form, and then select a template. This is only a design template, and won't effect the functionality of your form





  • Step 4: It's time to start adding fields. A new field will be created for you by default. The Question Title is the label that appears before an input text field. Enter a title for your first question (for e.g. "Name"), and then select the Question Type. Set it to Text. You can set a help text if you like. Click on Done when you are, and voila! You have your first input field ready

  • Step 5: Now repeat the same process for Email input. Except this time, check the Required question option, and then click on Data validation. Set it to Text, and then select Contains, and add an '@' as shown below





  • Step 6: Add a Message field, and set its Type as Paragraph Text instead of Text. You're now done with a basic contact form. You can add more fields if you like





  • Step 7: Click on the Send Now button at the end to finish up and start sharing your form.



Embed on a webpage







Next to the share link, you'll see an Embed button. Click on that button, and then simply customize the size of the form. The corresponding HTML will automatically be generated for you. Copy and paste it anywhere on your blog or website, and you'll see the results as follows.








Got any questions? I am sure not! But in any case, do not hesitate to ask in the comments section below. Cheers :)


COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: How To Create And Embed Contact Forms using Google Docs?
How To Create And Embed Contact Forms using Google Docs?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglvVOLv2jYFnP3pI9m-gqs3XqW1yFqeolzP0tfzJTUtUAnHH5uu3qWxgDrAS5hWQTUJyOt0Of4udH94uCJu1tnMgf2WlVRKVeDOSpAn4EKzGx8Xm7i8rrioepcEFAP4Vvq7xxPuCubu1F/s320/contact-final.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglvVOLv2jYFnP3pI9m-gqs3XqW1yFqeolzP0tfzJTUtUAnHH5uu3qWxgDrAS5hWQTUJyOt0Of4udH94uCJu1tnMgf2WlVRKVeDOSpAn4EKzGx8Xm7i8rrioepcEFAP4Vvq7xxPuCubu1F/s72-c/contact-final.jpg
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2013/12/how-to-create-and-embed-contact-forms.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2013/12/how-to-create-and-embed-contact-forms.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy