Slash Coding

  • Android Development
  • CSS
  • Subscribe
  • About Us
  • Contact Us
You are here: Home / Developer Tips / Create a Simple Contact Form using Google Drive

Create a Simple Contact Form using Google Drive

By Aneesh Bhatnagar

A Contact Form is an essential requirement for any website these days. It allows the user to be able to send an email to the website owners regarding anything that they may want. The contact forms can be used for various purposes, and these purposes include a simple contact form, an order enquiry form, or even a registration form for an event sometimes. Today, I am going to help you create a contact form without using any programming language. This contact form will be created with the help of Google Drive, which enables you to get the responses either via email or to be displayed in a spreadsheet on your Google Drive account.

Simple Form Preview

Without wasting any more time, let’s get started with this simple tutorial. Before I begin with the tutorial, I assume that you have a Google Account to use. If you don’t have a Google Account, head over to Google and create a new account now!

Contact Form using Google Drive

1. Head over to Google Drive by clicking here. Make sure you are logged in to your account and you have access to a similar interface on your computer.

Google Drive Interface

 

2. Now, look for the create button on the left side of the page, and click on form.

Create New Form

3. Next, you will be presented with a window where you need to choose the template for your contact form. Choose the one that suits your need and then click on OK.

Google Form Template Chooser

4. Now the interface for customizing your form pops up. Enter the title of your form, and then start filling out questions as per the need. For a simple contact form, we are going to take in user’s name, email ID and the message for us.

Editing Title of Google Form

5. To make sure that the user fills in an email address in the email field, click on Advanced settings and then choose the following settings for the Email field.

Email Validation in Google Drive Form

6. This is how the entire form looks like for me. It may look a bit different if you varied the fields that you entered.

Slash Coding Contact Form

7. Now, change the response text in the box down, below the form you just created and choose the settings that you want.

Google Form Response Change

8. Last, but not the least, choose the way you want your responses to this form to be recorded. Do this by clicking on the Choose Response Destination on the top menu bar and then filling out the name for the Spreadsheet for your responses.

Google Form Response Spreadsheet

 

9. Well, that’s all. You are ready to submit your form and view it on the web. Do this by clicking on the Send button on the bottom of the page. It will allow you to either embed the form in your webpage or, just share a link to the Google Form so that everyone can fill it out.

Share Google Form

If you want to check out the form that we just created, you can do that now.

Preview Live Form

That’s it. You just created a contact form using Google Drive, which you can use on your website or blog, or just share its link via email to others or via Social websites. Also, don’t forget to subscribe to Slash Coding for latest post updates via RSS Feeds, Facebook, Google+ or Twitter. We love to hear from you in case you face any problems with this tutorial.

Did you enjoy this article?
Subscribe to our email alerts when we post something new so you don't miss out.

About Aneesh Bhatnagar

Aneesh Bhatnagar is a freelance web developer, who specializes in front-end website development with HTML5, CSS3 and jQuery. He believes in transforming the entire web into a Responsive Web. He also specializes in use of Bootstrap framework to get websites up and running.

Comments

  1. home improvement says

    August 28, 2014 at 12:35 pm

    Hello There. I found your blog the usage of msn. That is
    a very neatly written article. I will make sure to bookmark it and come back to learn extra of your useful info.
    Thank you for the post. I’ll certainly return.

  2. Metal Slug Defense cheats says

    October 5, 2014 at 7:42 pm

    An outstanding share! I have just forwarded this onto a friend wwho has been doing a little research on this.
    And he actually bought me lunch simply because I discovered it
    for him… lol. So let me reword this…. Thannk YOU for the meal!!
    But yeah, thanx for spending the time to discuss
    this topic here on your web page.

Search Slash Coding

Follow Us

RSS Feeds Facebook Twitter Follow Google+

Categories

  • Android Development
  • C++
  • Developer Tips
  • Slash Coding
  • Web Development
    • CSS
    • JavaScript
    • jQuery
    • PHP

Recently Published

  • Moving Ahead from Front End and Android Development
  • How to Export a Project from Android Studio
  • What is jQuery? Let’s Answer this Common Question today!
  • Mobile App Prototyping : Pixate Studio
  • How to Create a Countdown Timer using jQuery

Subscribe to Email Alerts

Eager to learn more from Slash Coding?
Sign up for daily email updates when anything new comes up. Get it straight in your inbox.

Follow Us on Social Media

RSS Feeds Facebook Twitter Follow Google+

Copyright © 2025 · Slash Coding · Powered by the Genesis Framework
Sitemap | Privacy Policy | About | Contact

×
Get Notified of the new Tutorials when they are posted!
Never miss any article update from Slash Coding. Subscribe to email alerts today!