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 to add lightbox on multiple products?

    Asked by MiaSouv on April 06, 2017 at 02:09 AM

    Hi, These instructions worked for me. I can see the form as a pop-up lightbox. Now, how do I make it visible on each page. I'd like my clients to click on any of my products and automatically add them to the form. Is this possible. BTW, you guys are great.



    This is a re-post of a comment on How to Create a Lightbox Form

  • Profile Image
    JotForm Support

    Answered by Charlie on April 06, 2017 at 04:19 AM

    If you just want to display the lightbox form whenever a product on your page is clicked, then you can simply do that by using the same anchor element on your lightbox embed code. 

    Here's how you can do that:

    This is my lightbox embed code:

     <script src="https://form.jotformpro.com/static/feedback2.js" type="text/javascript"> var JFL_70952093820961 = new JotformFeedback({ formId: '70952093820961', base: 'https://form.jotformpro.com/', windowTitle: 'Test Form Lightbox', background: '#FFA500', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script> <a class="btn lightbox-70952093820961" style="margin-top: 16px"> Test Form Lightbox </a>

     

    Can you see the code highlighted in yellow? That's the trigger to open the lightbox form, you just need to copy the anchor tag with the same class name and add it to your product fields html markup, or link them to that. 

    I hope that helps.