December 7, 2013

Widgets

How To Create And Embed Contact Forms using Google Docs?


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 :)



About Author:

Qasim Zaib is a passionate blogger who enjoys writing articles on Technology, Make Money Online and Blogging niche. He is our Gold Star Contributor and co-author of all blogs under our network.

Follow him @ Twitter | Facebook

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

13 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Hiiii Qasim,
    thanks for sharing such a helpful post with us. you shared a amazing step-wise tutorial to Create And Embed Contact Forms using Google Docs. thanks again bro....!!

    Amit kumar

    ReplyDelete
  2. To enable notifications when a new form is submitted,

    1. Goto the spread sheet where your responses will be stored

    2. From the options above, goto Tools and Notification rules.

    3. A pop over will open and in the options, select “Any changes are made” and from below, choose “Email Right Away”.

    4. Click on save.

    Now if someone submits a response to your form, you will get an email notification within few seconds.

    Happy Blogging! :)

    ReplyDelete
  3. Hi,

    How can we customise the size of the contact form generated thru Google docs as generally it is very large whereas those generated through paid services are very professional ones. It will be great if you can let us know that how the height, width and background colour can be changed for the form.

    Regards

    ReplyDelete
  4. These are really a best tips to create and embed contact forms using Google docs, and also thanks for share this helpful post........
    How to Get More Likes On Facebook

    ReplyDelete
  5. thanks for sharing such a helpful post with us. you shared a amazing
    \for getting latest updates,tricks about smartphone visit...goo.gl/sd8dXD
    \or http://smartmobdownlod.blogspot.in/

    ReplyDelete
  6. Here is the only description how to create a contact form using Google Drive. To know how to create and embed Google Docs Contact Form on Blogspot kind read this detailed guide

    ****Create and Embed Contact form at Blospot****

    ReplyDelete
  7. Thanks for such a useful post now i will create a contact form for my blog

    ReplyDelete
  8. wow very nice information ,it's more help to me. Please keep posting like this.


    thanks & regards

    sarvha satya

    ReplyDelete
  9. I think there is already an option for email validation which is better than seeing if there is an @ in text field.
    After selecting text go for email address

    ReplyDelete
  10. assalamwaleykum bro i too had created contact us by reading this post thanks bro. techftmusic

    ReplyDelete

Support Us

We have educated thousands of bloggers online and made several people Make a living Online. If our Tutorials have really helped you a little, then kindly show your love by using the badge below:-

Blogger Widgets

or try a Beautiful Banner

Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. STC Network was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Subscribe

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |