- rokoreAsked 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.
- jeanettebmzAnswered on August 23, 2012 at 08:28 PM
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
- rokoreAnswered on August 23, 2012 at 09:11 PM
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.
- JotForm SupportjonathanAnswered on August 23, 2012 at 10:19 PM
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.
- smartchicAnswered on November 15, 2012 at 09:29 PM
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.
- JotForm SupportjonathanAnswered on November 15, 2012 at 10:51 PM
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.
- JotForm SupportNeilVicenteAnswered on November 16, 2012 at 12:53 AM
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:
- smartchicAnswered on November 16, 2012 at 07:11 PM♥♥♥♥♥♥ IT WORKED PERFECT!!! ♥♥♥♥♥♥
- mjschindlerndAnswered on May 23, 2013 at 11:06 AM
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]
- JotForm SupportNeilVicenteAnswered on May 23, 2013 at 11:17 AM
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?
- mjschindlerndAnswered on May 23, 2013 at 11:29 AM
I was afraid of that. :) I can't give you the URL, but I'll try to figure something else out. Thanks!