Add Custom Floating/Fixed LightBox Style Feedback Buttons To Blogger

This is one of those fancy features that you would definitely like to add to your blog. The feed back button on left is by JotForm and is surly one of the best out there. There are infinite ways to customize your forms. It allows you to add any type of form to your blog and i must say i got impressed with this tool.

The draw back is that you can only receive 100 feed back email in a month with the free plan. Though you can upgrade to get more flexibility. 

Note as i mentioned before that we can make any type of forms but for now we will be discussing to make a custom Feedback form as i did on the left. When you click the button you would see it pops up as in those light-box style buttons

Few days back i posted Add a Lightbox-Style Contact Form to Your Blogger Blog. You can  read that too.
I cant wait to get started. So lets get started rock on!

Step 1: Customizations

Go to Jotform and create an account. You would be taken to a page like this

Click To Enlarge
Click 'New Form" Button at the top. There are bunch of options to play with. I wont go into detail of Design as that depends upon you that how you want it to look. But the basic things like email notification, a thank you page (once you submit the feedback it will take you to the thank you page).

Email Alerts:

Click To Enlarge

Go to Setup & Embed >> Email Alerts. Now its on you whether you want to send a person an email confirmation or an email notification, so that you know who gave feed back. I would recommend a notification.


After going in the "Thank You" page you can further play with options.
Click To Enlarge
Now that you are done customizing your form, you now have to add it to the Blogger.

Step 2: Adding to Blog

Now to add it to your blog and to make sure that it appears as mine on left, go to "Embed Form" and a window will appear as on right. Choose "Feed back" button and then make the settings as shown in the picture below. Then finally copy the code.

Now go to Blogger Design >> Edit HTML and search for the following code:

</head>
 And paste the form code just above it. Now click Save Template.

Thats All! Hope that was easy and interesting. I personally love this tool and definitely would play with it in the future.

Tell me if you liked this form maker i would definitely like to have your feedback :)

COMMENTS

.
Name

AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
false
ltr
item
BloggingeHow | Making Blogging Simpler: Add Custom Floating/Fixed LightBox Style Feedback Buttons To Blogger
Add Custom Floating/Fixed LightBox Style Feedback Buttons To Blogger
http://2.bp.blogspot.com/-HocHoGnAx4g/ThLFyK4wb7I/AAAAAAAAAf8/r8Ld_CdX9Po/s200/feedback.jpg
http://2.bp.blogspot.com/-HocHoGnAx4g/ThLFyK4wb7I/AAAAAAAAAf8/r8Ld_CdX9Po/s72-c/feedback.jpg
BloggingeHow | Making Blogging Simpler
http://www.bloggingehow.com/2011/07/add-custom-floatingfixed-lightbox-style.html
http://www.bloggingehow.com/
http://www.bloggingehow.com/
http://www.bloggingehow.com/2011/07/add-custom-floatingfixed-lightbox-style.html
true
5839591175544873606
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy
Resources

Tools of the Trade