Ads Top

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


Categories

adsense adsense optimization adsense tips Animation Announcement Apps Background backlinks Basic blog Blog Design blogger Blogger Design Blogger Hack blogger pages blogger posts Blogger Security Blogger Special Tricks Blogger Templates Blogger Tips Blogger Tips & Tricks Blogger tools blogger tricks Blogger Widgets Blogger Widgets and plugins Blogging Basic Tips Blogging ethics Blogging tips Blogging Tools Blogging Tricks Btemplates 2013 Btemplates 2014 Bugs and Errors click bombing Comments css CSS and HTMLTricks CSS3 Cursors custom domain Design Drop Down Menu Earning Tips Editing emoticons Events Facebook Facebook tricks Featured Content Slider firebug Flash Free Coupons Free Recharge Gadget Generator Google Google AdSense Google Analytics Google Plus Google Plus Tricks Guest Posts Horizontal Menu How To HowTo Tuts HTML Image Image Effects Increase traffic instagram Interesting invalid clicks Java Script javascript jQuery Label labels Link Building Links LOGO Makers Make Money Make Money Online Marketing Menu bar menus Menus for Blogger Multi Tabbed Navigation navigation menu News Numbered Page Optimizing Other Tricks Page Photoshop Pop Out popular posts Post posts presentations Pure CSS Menu recent comments recent posts related posts Responsive Blogger Templates robots Rss Search box SEO SEO Strategy SEO Tips & Tricks sitemap Slide Show slideshows Social Media social media plugins statcounter static pages Style your Blog swf Tab Menu Template Template Designing Template Tricks Templates templates 2016 threaded comments Tips tools Traffic Tips Twitter Unlock modems Vertical bar Video Wallpapers Web Designing web hosting Webmaster Tools Widget Widget Generators Widgets wordpress WordPress Plugins WordPress Themes WordPress Tricks WP Tips
Powered by Blogger.