How to add lightbox on multiple products?

  • Profile Image
    MiaSouv
    Asked 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
    Charlie
    Answered 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.