How to add lightbox on multiple products?

  • MiaSouv
    Asked on April 6, 2017 at 2: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.

  • Charlie
    Replied on April 6, 2017 at 4: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.