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.

  • Profile Image

    Launch lightbox form via shortcode button

    Asked 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.


  • Profile Image

    Answered by jeanettebmz 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

  • Profile Image

    Answered by rokore 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.

  • Profile Image
    JotForm Support

    Answered by jonathan 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.


  • Profile Image

    Answered by smartchic 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.


  • Profile Image
    JotForm Support

    Answered by jonathan 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.


  • Profile Image
    JotForm Support

    Answered by NeilVicente 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:


  • Profile Image

    Answered by smartchic on November 16, 2012 at 07:11 PM
  • Profile Image

    Answered by mjschindlernd 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]

  • Profile Image
    JotForm Support

    Answered by NeilVicente 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?

  • Profile Image

    Answered by mjschindlernd 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!