What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Launch lightbox form via shortcode buttonAsked by rokore on August 23, 2012 at 08:08 PM
Greetings, I hope somebody can help me. My website makes use of shortcodes for buttons etc. I would like to luanch a lightbox form when a user clicks on a shortcode button. The code in question looks like this:
[custom_button text="Custom Button" title="Custom Button" url="http://www.your-link-goes-here.com/" size="medium" bg_color="#FF5C00" text_color="#FFFFFF" align="left"]
I have done a lot of searching, but I cannot seem to find a solution.
We actually offer among our embed options for our forms, the lightbox code. Please check this thread were I've provided a guide for feedback button, which is most likely the same thing
Thank you for your response, but that does not help me. At present the button code I have posted above will take the user to a link. What i need it to do is open up a lightbox instead while still keeping the same look.
Hi, perhaps you can provide us more info like the URL of your website where the form was used. This way we can further check what it is you need done.
The offered suggestion by my colleague Jeanettebmz was actually a lightbox already, so I am not sure if you got correctly what was suggested.
Please update us.
I am needing the same help... please visit my page here: http://smartchicology.com/button/
As you see, I already have a "button" on the page created from a "shortcode". Here is the sample of the short code:
< a class="button-purple" target="_blank" href="#">Sign Up!!< /a >
I MUST have this shortcode in the HTML of my page for it to show correctly. So, I want the light box to open when "Sign Up!!!" is clicked. How do I integrate the two (button and lightbox). I have tried this:
.... and it doesn't work.
I need to know how to get the lightbox link to put in place of the # sign within the button shortcode.
Unfortunatelly, your website is secured and I could not see the code of the button and lightbox setup.
But base on this thread , if check the very last message by Liyam, -- that should be the way to setup the lightbox and the button combined within the class.
Please inform us if you have further inquiry.
If you want to achieve the same button/link style for your lightbox form, you will simply need to add the class "button-purple" and remove the existing inline style declaration from the lightbox embed codes.
Kindly try using the following modified embed codes for your form:
♥♥♥♥♥♥ IT WORKED PERFECT!!! ♥♥♥♥♥♥
Can you help me with this too? I am having the same problem as rokore, but it looks like my shortcode is formatted differently from smartchic's.
How do you integrate the lightbox code with a shortcode that looks like this (from a Woo theme)?
[button link="#" size="large" color="silver"]Contact Us[/button]
I am not sure our codes will work with shortcode buttons, but would you mind giving us the URL of the page where you plan to have the lightboxed form embedded as a button?
I was afraid of that. :) I can't give you the URL, but I'll try to figure something else out. Thanks!