Author

Profile Image Aytekin Tank is founder of JotForm. He currently leads the JotForm development team. He loves to hear from JotForm users. Feel free to shoot him an email at aytekin at jotform.com.


Welcome to the JotForm blog, where you can read about new JotForm features and find helpful online form tips for creating top-notch forms, user case studies, and much more.

Feel free to stay a while, drop a comment or two, laugh at our corny jokes, and make sure to share the articles you like on social media.




Create Beautiful Custom Feedback Buttons and Lightbox Forms

December 28, 2010
Beware: Feedback buttons are highly addictive! :)  We have recently started including a feedback button with every major change we make on our site. It has been a smashing hit.

If you do not have an easy to reach feedback button on your web site, most people will simply see a problem, or think of a possible improvement but won’t say anything about it. If you have it right there, people will use it.

Feedback buttons are great way to get instant comments from web site visitors. We highly recommend it to all of our users.

One of the most exciting features on the new Embed Form Wizard we have just released is advanced customizability on Feedback Buttons and Lightbox Forms.




Beautiful and Completely Customizable

On Feedback Buttons, you can customize:
- Button background and font colors,
- Placement of the button,
- Label written on the button.
- Dimensions of pop-up window
- Style of the window (Choose from 3 beautiful designs: Orange, White and Black)
- Title of the window (Only in the Orange Style. For other styles we suggest using Title Field)



Similarly, on Lightbox and Pop-up Forms, you can customize:
- Dimensions of pop-up window
- Style of the window (Choose from 3 beautiful designs: Orange, White and Black)
- Title of the window




What do you think? Please post your comments below.


38 Comments...


   
Alphakline (December 28, 2010 at 01:52 PM)

Awesome update! Thank you for always improving the service.


   
something2sea (December 28, 2010 at 04:13 PM)

This is a fantastic update, thanks guys!


   
georgio1979 (December 28, 2010 at 07:05 PM)

FEEDBACK BUTTON DOES NOT WORKING... I CLICKED AND NOTHING! I USE IT TO BLOGGER


   
CBHI (December 28, 2010 at 07:18 PM)

You've done really well with the new Feedback and Lightbox options in the Embed Form wizard. It would be really nice, though, to have the close box on the lightbox popovers look like the closebox in the Embed Form Wizard (the little round x in a circle) instead of the big fat red x in the square button we've currently got.

That's nickpicking though, besides that you've done fantastically. Good Job :)


   
seyhuns (December 28, 2010 at 07:39 PM)

georgie1979,

To add feedback option to Blogger you should click to "Design" from your "Dashboard".

Click "Add a Gadget" and select "HTML/JavaScript" from the opened menu.

Paste the copied code for Feedback to the "Content" and it will work.


   
Xianei (December 29, 2010 at 02:51 PM)

BOUT TIMMMMEEE YESSSSS MORE MORE MORE MORE I LOVE IT!!


   
allanh (December 29, 2010 at 04:27 PM)

:)


   
fubila (December 30, 2010 at 09:58 AM)

(firstly, sorry my bad English.) new proportions are really good. if the page is too long, feedback for isn't locate tje bottom of the page. its located at the end of the page end users not see the form, only see darkness. so we need to locate the form section at customize like that: form shown at top of the page, left right, bottom, or user preferred x/y dimesions.


   
egeg (December 30, 2010 at 10:43 AM)

@CBHI;

Yeah, that was on our list. Sorry for the late update, its fixed now.

Preview a lightbox or a feedback button in the new Embed Wizard to see the changes.

@fubila;
Can you please post a more detailed description(with a screenshot if possible) of your problem in the forum so that we can help you better? Thanks.


   
gyerektorna (December 30, 2010 at 11:09 AM)

Cool, good work!


   
OIMSCSMD (December 30, 2010 at 11:24 AM)

FREAKING AWESOME!


   
basezero (December 30, 2010 at 03:23 PM)

One word… Incredible.


   
asrar (January 02, 2011 at 09:55 AM)

This is the great FORM utility I've ever used.. Keep it up the good work.. GOOD JOB!!!


   
1CZBGRBN (January 03, 2011 at 01:50 PM)

The new Feedback button might need to add the old "classic" style button like the website still uses.

I think users might also want to customize the text alignment (the new button mirrors the text from the old one. It would also be nice to use custom fonts, if this cannot otherwise require using CSS to override this. The old style could still have the benefit of the new features.

The button alignment features could be more dynamic. Some users might have placement specifications to meet their design requirements to match their website.


   
ryanwebstuff (January 04, 2011 at 02:24 AM)

javascript is wrong... on the light box... can open in center.... on firefox browser / ie8 browser


   
seyhuns (January 04, 2011 at 03:35 AM)

@ryanwebstuff,
Probably you are not using the right DOCTYPE in your page. You can check this link in order to use the right DOCTYPE: http://www.alistapart.com/articles/doctype/


   
csmit195 (January 08, 2011 at 02:25 AM)

I could kiss you. Thank you, i hope this allows the same script on the page.


   
csmit195 (January 08, 2011 at 02:28 AM)

i thought we could pick where it goes, please add that feature.


   
csmit195 (January 08, 2011 at 02:30 AM)

sorry, forget my passed one, i said i thought we could customize where it goes. Im an idiot, wrong button i meant feedback lol. Sorry


   
linsenmaier (January 10, 2011 at 05:35 AM)

good


   
geeneeyes (January 10, 2011 at 09:18 AM)

Does the Lightbox Form work in Blogger. I tried it in Opera and it disappears! BTW fantastic work really!! I tried all other form builders out there. Cheers :)


   
seyhuns (January 11, 2011 at 09:57 AM)

Hello geeneeyes,

You can use lightbox on Blogger. Just follow the steps in the link: http://www.jotform.com/help/66-Adding-Feedback-button-to-Blogger

Do not forget to paste the lightbox code instead of the feedback code.

Thank you.


   
Esposito (January 22, 2011 at 08:06 PM)

Wow ist Super Super Cool Danke.


   
ttu-nsbe (January 22, 2011 at 09:52 PM)

Awesome!


   
dogpile (January 24, 2011 at 11:03 AM)

Cool. Highly appreciated.


   
\zx (January 24, 2011 at 05:03 PM)

\zx\zx


   
madunkerton (January 25, 2011 at 09:16 AM)

SWEEEEEEET!


   
robZielinske (January 25, 2011 at 04:15 PM)

Need to be able to better position the lightbox on the screen. Maybe be able to clear the float or auto-center on current window position.


   
Guthiele (January 25, 2011 at 06:11 PM)

teste


   
sweetl3 (January 26, 2011 at 11:21 AM)

i love the customizable lightbox, however...i can't get it to work in internet explorer on my website. it works in firefox and chrome, help!


   
lolo32 (February 07, 2011 at 04:04 PM)

hello, can anybody tell me why the feedback button is not working properly in ie8/9?


   
Web_Ghost (February 10, 2011 at 12:57 AM)

I created a simple form, which I wanted to use as a ''feedback'' button, It seemed to work - it showed up fine using the ''preview'' feature.
I tried adding the generated html to the Thank You page's HTML. The button showed up fine, but when I opened it, it showed a completely different form than the one I created - no resemblance whatsoever. What did I do wrong? PS, I'm new at this, so be gentle :)


   
3RDASH (March 13, 2011 at 09:26 AM)

Thats great! But it doesn't dim the whole page in iWeb '09 - just the content section, in other words only half the page 'dims' when I click the feedback button.


   
SophiD (April 04, 2011 at 12:52 AM)

unfortunately these wonderful scripts do now work in conjunction with any other jQuery/javascript script that may be running on the same page. :( Had to resort to iFrame integration. Site is running customised jQuery Tabs. - If Tabs are disabled JotForm Feedback/lightbox/popup work perfectly well, and vice versa. If both scripts run, neither works. :(

I would also like to request more control for "Feedback" positioning.


   
sangeethamurthy (April 10, 2011 at 11:30 PM)

where do I paste it in google sites?


   
Krunch (August 10, 2011 at 09:55 AM)

I tried the Feedback button on my Socialparody Newtowrk and it disabled submit Tabs Site-wide..

View Answer


   
Ramesh Kumar (January 21, 2012 at 01:15 AM)

it is not working in ths site

http://www.cashinforex.com

View Answer


   
curtanderson (September 02, 2014 at 08:21 PM)

My form width is 800, but the Lightbox width is generating at 700. I can't get a curser to show up in the code window (even when clicking the "Customize" button) so I can change it to 800. Suggestions?

View Answer


Send Comment