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

    Can I use multiple links to show a lightbox form?

    Asked by Hgna on February 07, 2015 at 07:41 PM

    Hi,

     

    I would like to have links to the same subscribe form in two locations on the same page:

     

    One link in a clickable image, the other link in the text.

     

    However, as I click, the subscribe form pops up (I use lightbox) twice, one overlaying the other.

     

    The overlaying form is actually empty. Closing it reveals the fillable form underneath.

     

    Is there any way I can avoid the form opening twice upon clicking image/text-link?

     

    Thanks so much for any help with this.

     

    You can see it happening by clicking the subscribe image (second image on the page) here:

     

    http://localnepaltoday.com/?page_id=4242

     

    Cheers,

    Hans 

    Page URL:
    http://localnepaltoday.com/?page_id=4242

    same clickable subscribe thanks same page
  • Profile Image

    Answered by raul on February 07, 2015 at 09:00 PM

    The reason of why this is happening is because you've added the lightbox script on your page 3 times in different sections, I assume that you added the whole code of the lightbox script on every link or image that you wanted to use to show the form. 

    You need to add the script part of the lightbox only one time in your page:

    <script src="https://secure.jotform.com/static/feedback2.js?3.2.5272" type="text/javascript">
      var JFL_50194000670342 = new JotformFeedback({
        formId:'50194000670342',
        base:'https://secure.jotform.com/',
        windowTitle:'Subscribe to page',
        background:'#FFA500',
        fontColor:'#FFFFFF',
        type:false,
        height:500,
        width:700,
        openOnLoad:false
      });
    </script>

    And use the anchor tag on every link/image you want to use to display the lightbox form

    <a class="lightbox-50194000670342" style="cursor:pointer;color:blue;text-decoration:underline;">Local politics</a>

    Let us know if this helps.
    Thank you.