2008-08-16

Add a Contact Me Page to Blogger BlogSpot Blog [Video Tutorial]

by Anoop Engineer 50 comments




Blogging is all about connecting with your readers.

If you want to be a better blogger, you need to listen to your readers. You need to give them an opportunity to get in touch with you.

That’s why it is important to have a ‘Contact Me’ page in your blog. A ‘Contact Me’ or ‘Send Your Feedback’ page not only makes your blog look professional, but will also make you understand your readers better, help you in getting a lot of tips from them and ultimately will make you a better blogger in the long run.

Unfortunately, a Blogger blogspot blog neither has a Contact-Me page out of the box nor any ready made Contact-Me widgets like the many plugins available in the WordPress arena.

But, have you seen our Send Tips page? It has been done using Zoho Creator. In today’s post we teach you how to create a similar form for your blog. Read along.

To make a Feedback/Contact Me page for your blog, we are going to use Zoho Creator. Though there are multiple options available like response-o-matic, freedback, wufoo and google docs, we are going to use Zoho Creator. Why?

Because:

  • Zoho Creator is free
  • Zoho is a reputed company and will not burst in a dot com bubble any time soon.
  • No separate user account is needed. If you have a Google account (obviously, you do own a Google account if you are blogging in Blogger), then you can use it to log into Zoho.
  • The input form that you create is highly customizable. The flexibility in customizing the form is much greater than Google Forms. Hence you can easily blend this form with the rest of your blog.
  • You can configure Zoho to email you the contents that user submitted. Therefore, you don’t have to login to Zoho’s web site ever after.
  • Zoho provides many ready made scripts which provides many added functionality. Like for instance, if you have added an email field in the form, you can configure it to check whether the email that the user entered is a valid email or not.

Let’s dive right in. Go ahead and watch this video.

Visti Zoho Creator and get started.

Doubts, questions, queries, suggestions? Post a comment.

Comments 50 comments
Joe Vautour said...

I liked this idea until I tried to put in into action. I can't seem to find a way to change the text colour. The page I want to put it on has a dark blue background and I use white text. The black text does not work. I tried to solve the problem by placing the code into a table and changing the table background to white. It works but looks sloppy. The border of white around the contact me box is not uniform.

Anoop Engineer said...

@Joe Vautour,
Currently zoho supports only customization of the border and title colors.
Maybe someone at zoho will notice this blog post and take up your request as a new feature addition later on. :)

atoztoa said...

Cool tip Anoop :)

Raffic said...

@Joe Vautour
We have this feature -'changing the text color' in our roadmap. In our next release we will make the form background as white (right now its transparent), so hope that will your problem I guess.

Thank you Anoop for covering Zoho Creator.

Anoop Engineer said...

@Raffic,
Making form background white will not solve the problem. It will make the matter worse. It will break a lot of site having non-white backgrounds. Zoho forms will appear ugly in such sites.

The proper solution would be to give the user option to customize the text color similar to the border and title color.

lonestar818 said...

I created the contact form but when I put it into my blog, the form is too big. I tried editing the html to adjust the size but all that does is cut off the side of the form.

Any suggestions?

Anoop Engineer said...

@lonestar818,
try adding a negative margin for the form. This will prevent the clipping of the form at the right.

Just enclose the form in <div style="margin-left: -30px; "> and </div>

dcloud said...

A much easier way to do this is to simply make a "Contact" page and bury it in your blog, then simply make a link on the main page that will take your visitors to the "Contact" page.

Raffic said...

Dear Anoop,
In Zoho Creator 3.0 we are supporting color customization and lots of other stuffs while embedding. Kindly check it out and share your feeback with us.

Thanks
Raffic

Carsten said...

Thanks for this! Exactly what I was looking for.
Interesting to see that a video makes it actually more difficult for the reader/viewer (stop the video, rewind, try to decipher what is written, etc.). Is it easier to author than a text?

dailygyan.com said...

@Carsten,
Video is not easier to author, but actually it's a lot of pain.
I think it's worth the pain because a lot of people have expressed positive reviews towards the attempt.

hoodia said...

Thanks for this wonderful video.
.

~ Arasu ~ said...

This is a cool stuff. I really amazed by the idea,
I tried with http://kontactr.com to create instant Contact Me form for my Blogger.

However I found both ways are amazing.....

Great work Anoop.....Keep it up with nice works.

Wallpapers said...

i have created the contact page . its working fine .. thanx for sharing.. keep it up...


Celebrity Wallpapers

Glenn said...

I would like to be able to control the background color of the entire iframe, and not just for the form part. I can do this for firefox using style="background-color: yellow" within the iframe tags, but this doesn't work for internet explorer. I believe it has to be set on the page being called by the iframe. I haven't been able to do it yet playing with the zoho settings. Is this an option?

Ashwini said...

Thanks for this idea!!! It was helpful!!


Check out my Indian Recipe blog:
http://www.ashwini-spicycuisine.blogspot.com

Jacob said...

nice post

matthew said...

thanks ur information

it very useful

Happy New Year SMS said...

nice information .. thanx for sharing.. keep it up ....

New Year SMS

web design India said...

nice post

Alessandra said...

Thank you for this post!

thewebpromoter said...

Zoho Creator is a awesome robust tool. However, I don't need all of those features. So, I opted to use anyInput.com to store my lists, it's simple and more easier to use. It is between a full featured database and a simple list maker. My 50 cents.

noTHing said...
This comment has been removed by the author.
noTHing said...

nice stuff...

I'm used it now, thanks!

my blog: http://just-ash.blogspot.com

SiSi said...

Thanks, I've been looking for something like this on my blog, which I just got a domain name for, I'm happy now. Thanks:)
http://www.mycraftthingies.com

.NET Dev said...

Google Docs can be used for this page.
See Following:
http://urenjoy.blogspot.com/2009/04/create-contact-me-page-in-blogger-using.html

Freeman said...

Ok it works fine with me.
http://noworkingmoney.blogspot.com/2009/05/contact-me.html

Dangger said...

Thanks for the video !! :D

Jon said...

Thank you! I was using EmailMeForm and it just didn't offer what I wanted, but this is perfect. Great resource in Zoho and great tutorial. Thanks a lot..

Anonymous said...

nice job Good work

Eric said...

Really great ideas. I like every example. Just might have to try these... So cute! Thank you!
more templates easy to download

webguide said...

Be ware of using emailmeform!!!

One of emailmeform owners, James Salganov, is a dishonest person. He purchased the website from Alexandru Marias, and sold it to Harrison Hung, without paying the money he was to pay to Alexandru Marias.
The conflict between James Salganov ( past owner ) and Alexandru Marias ( developer of the service who has not been paid ) might affect the site badly, as there is a bigh trust issue in the middle

valerie said...

We are happy to announce a new management team at EmailMeForm.com!

EmailMeForm™ has long been a valued service that allows anybody to create functional web forms on any website. Unfortunately, the previous management had not invested in continual improvement to the EmailMeForm™ service throughout 2009. The lack of a solid working relationship between the past owner and the former head developer lead to a cold war that eventually forced the sale of the site to our dedicated hands.

Not surprisingly, the relationship problems continue to spill over even after the service has already been transferred over to new hands. The new management cannot heal these old wounds. We are already pulling long hours to take EmailMeForm™ to the next level. Most of these improvements are not readily apparent to you as we are working on renovating the foundations of the EMF house.

Regarding privacy issues and your form data: EMF will never abuse or sell this information to Third Parties. The previous owners, who may have copies of the database, are legally liable if this information is inappropriately used. Should an infraction occur, you can be assured that EmailMeForm™ will work toward a resolution.

For more information please visit us at http://www.emailmeform.com/#rogue



Happy Holidays and looking forward to 2010,

EmailMeForm™ Team

formchamp said...

Creating web forms online has never been so easy.

r said...

good

m said...

I think I successfully created the contact form, and saved the code in Wordpad. But when I tried to paste it into the Blogger html gadget, the only thing that showed was something like "there is no such form (or maybe it was "title") in Zoho". What am I doing wrong?

Anonymous said...

wowow, wonderfull

Shera (Book Whispers) said...

Thank you so much. Zoho has updated since this, but it's still really easy to follow. Figured out why my contact me wasn't working!!

Thanks!!

Shera (Book Whispers) said...

Now I have a problem, the Public Feature is not working and it will not let me select it. Hopefully it's just a site glitch.

Any suggestions?

Sinn replica watches said...

Your post is really informative for me. I liked it very much.

Setup Contact us page on Blogger blog said...

here i found a simple and stand alone method on how to setup blogger contact us page
http://hubpages.com/hub/setup-contact-us-page-with-blogger-blog

hope this will help

Va infotech said...

really nice work

Rajat said...

sucess

iPad Application Development said...

Thanks for the nice information. I am sure, I will tweet this to my twitter account. This will help a lot of users.

Woodworking Machinery said...

Nice information

Thanks

seo tips said...

Great to know this/.

Mathgirl said...

Very useful thanks for taking the time to make the video tutorial, answer the comments, and help us out.

Cool Gadgets said...

This is an interesting website aimed at small businesses and entrepreneurs. Great site, I am always looking for new resources.

Redlilocks {Swoon Worthy} said...

Very helpful! Thank you!

Anonymous said...

I have been through 4 free contact me widgets today. None work. Image appears but no link..even with html/gadget/blogger. Gotta get the code correct before you waste peoples time widget makers.

Post a Comment

Subscribe feeds via e-mail
Subscribe in your preferred RSS reader

Advertise on this site Sponsored links

Subscribe feeds rss Recent Entries

Categories

Subscribe feed rss Popular posts

Subscribe comments rss Recent Comments

Technorati

Technorati
My authority on technorati
Add this blog to your faves