Home » Blogger Tutorials, Tricks and Hacks » Blogger Tricks / Other » How To Make A Contact Form In Blogger

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How To Make A Contact Form In Blogger

How To Make A Contact Form In Blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

12,697 views

The more visitors your site gets, the more likely it is that you’ll encounter people who’ll be leaving comments or asking questions in the comment section of your post that completely have nothing to do with the subject at hand. That is why it is sometimes a good idea to have a page dedicated to cater to those kinds of reader feedback such as a ‘Contact Page’ or ‘Contact Form’.

The process if fairly simple and doesn’t require you to have any solid knowledge in programming, and believe it or not, we will also be using Google Drive (formerly known as Google Docs) to accomplish this. Anyway, enough chatter and let’s get down to business.

Creating the form:

  1. First off, go to your Google Drive account page and click on the red ‘Create’ button, then on the list, choose ‘Form’
  2. Give your form a name (e.g. Contact Page, Ask Me)
  3. The ‘Question Title’ is simply the name of the blank input field that the user needs to fill out such as ‘Name’, ‘Email’, and ‘Comment’
  4. For the ‘Question Type’, just leave it as ‘Text’ for both the ‘Name’ and ‘Email’ while ‘Paragraph text’ for ‘Comment’
  5. Once you’re done, you may preview the form by clicking on the link provided below your current document.
  6. Once you’re satisfied, save it and then click on the ‘More actions’ button, choose ‘Embed’ and then copy the embed code provided

Integrating the form into Blogger:

  1. Now that you got your form, it’s now time to create the page that will contain it inside your Blogger. In your Blogger dashboard, go to ‘Pages’, click ‘New Page’ and choose ‘Blank page’
  2. Provide a ‘Page title’ and then simply paste the copied embed code on to the huge space below (be sure you’re on ‘HTML’ view/mode and not on ‘Compose’)
  3. Hit ‘Preview’ to check the appearance. You might have to resize the dimension depending to your taste or template. To do this, just adjust the height and/or width values in the code
  4. Save or publish once you’re satisfied

Get notified when someone uses the form:

  1. Go back to your Google Drive and open your form file
  2. Under ‘Tools’ menu, choose ‘Notificatin rules…’
  3. Put a check on ‘A user submits a form’
  4. Put a check on ‘Email – right away’
  5. Hit ‘Save’

And that’s it! Try it out by sending out a comment to yourself. Credit to Blogger Xpertise for the idea and the tip!

 

Liked It ? Please Share

Comments

18 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. zura irsah says:

    Thanx for tuts bro. Since the G-Drive change, never had the time for experimenting Anyway I’m using the auto pop-up contact form and looks cool and clean though by Kontactr. A bit of Js did the trick and page speed did not budge. You’re right though, nowadays,no programming is done in making contact forms. Cheers.

  2. test says:

    hello,test 123

  3. Nasir says:

    Yes really working

  4. ya i tested in velshare.blogspot.in,It’s working super.Thank a lot.

  5. GuidePedia says:

    thanks for your useful post

  6. Jay says:

    I am not able to get notified for form using email, i m not getting tools option, where is it

  7. Demon4511 says:

    hey i cant find the tools tab to make it send to my email

  8. Sujith says:

    Thanks a lot it worked fine for me,but I cannot find notification rules any where..?

    Look at my contact form here http://www.findmesimilar.com/p/contact-us.html

  9. ali says:

    yes, it’s working

  10. Joshua says:

    Where to find the tool tab bro? I don’t see any… please reply…

  11. Rudy says:

    Just want to help those who are having trouble finding the “Tools” menu…

    You should be able to see the the “Tools” menu ONCE/AFTER you opened the Form document you created and saved in Google Drive. Right above your document, you should see the typical doc menu as shown below:

    File Edit View Insert Format Data Tools Help

    Hope this helps.

  12. I tried incorporating this with my current blog and compared it with the one provided by Kontactr. I’m kind of torn right now but honestly I leaned towards the latter (easier to place). I am still considering this for my other blog just to see further which widget tool is better. As far as flexibility is concered, I am preferring this over Kontactr.

  13. I use google drive to create form, its easy and simple. My contact page also uses google drive.
    Add a Contact Form To Blogger Blog

  14. Thank you so much!!

  15. Thank you for the tip!

  16. Vikki says:

    Hi there…Have you ever heard of it doing everything alright, and it shows up in the preview, but then when you save everything/publish/etc the link doesn’t work? It’s almost like Blogger didn’t actually make it another page; the link just stays on the Home page when you click Contact. Thanks!

  17. Howdy! I simply would like to give an enormous thumbs up for the
    good data you may have right here on this post. I will likely be coming back to your blog
    for more soon.

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here