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

    How do I integrate a button with a JotForm Lightbox

    Asked by ushine on January 27, 2015 at 01:17 PM

    for example, on my site here: http://www.ushinetechnologies.com/ I have a CTA "Yes Hook Me Up" but I want it to open in a lightbox rather than go to another page where I have the form currently. 

     

    Thoughts? 

    lightbox form lightbox button
  • Profile Image
    JotForm Support

    Answered by Mike on January 27, 2015 at 03:18 PM

    You can try to use our Lightbox embedding method in combination with your link button.

    This is how you can get the Lightbox code with us.

    How to Create a Lightbox Form

    It comes with a Lightbox open  link:

    <a class="lightbox-50126476792157" style="cursor:pointer;color:blue;text-decoration:underline;">Title Me</a>

    So you will need to get a class of that link and add it to your current button link.

    Button link change from:

    <a class="et_pb_promo_button" target="_blank" href="http://www.ushinetechnologies.com/how-to-shine-online/" rel="nofollow">Yes, Hook Me Up!</a>

    to:

    <a class="et_pb_promo_button lightbox-50126476792157">Yes, Hook Me Up!</a>

    Also, the JotForm Lightbox script should be on the page, but you can delete the default  'a' link since you will use your custom button link to open it.

    If you need any further assistance, please let us know.