Lightbox Popup not working

  • dougbailey1966
    Asked on March 23, 2022 at 2:06 PM

    I having trouble making this work in the Lightbox option for a popup form. Here is the base code:

    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript"> var JFL_220813892874162 = new JotformFeedback({ formId: '220813892874162', base: 'https://form.jotform.com/', windowTitle: 'Contact ESI for Product Information', background: '#666666', fontColor: '#FFFFFF', type: '1', height: 500, width: 700, openOnLoad: false }); </script> <a class="btn btn-bg-white btn-hover-2 lightbox-220813892874162">Contact Us <i class="fa fa-caret-right"></i></a>

    The special parameter would be something like this:

    ?product=Software

    or like this:

    ?product=Automated%20Sample%20Tracking%20Systems

    No matter where I put that, it will not draw the form. Can you help me with this please?

    Thanks,

    Doug

  • Harvey JotForm Support
    Replied on March 23, 2022 at 2:18 PM

    Hello,

    If you would like to prepopulate the field embedded as a Lightbox on your website, please follow the instructions in the guide below to do so.

    Adding Parameters in Lightbox and Feedback Forms

    Let us know if you have any questions.

  • dougbailey1966
    Replied on March 23, 2022 at 2:39 PM

    That is code for a "sticky" button which I do not want. I want a standard button (code below) like this one, but it needs to pass a variable in a field called "products" so that the field gets pre-populated, based on the variable I pass...


    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript"> var JFL_200164584415148 = new JotformFeedback({ formId: '200164584415148', base: 'https://form.jotform.com/', windowTitle: 'Subscribe for Future ESI Informational Emails', background: '#666666', fontColor: '#FFFFFF', type: '1', height: 500, width: 700, openOnLoad: false }); </script> <a class="btn lightbox-200164584415148" style="margin-top: 16px"> Subscribe Now </a>

  • Harvey JotForm Support
    Replied on March 23, 2022 at 4:04 PM

    Hello,

    Have you tried using the iFrame parameter in passing a value to your Product Field? This should get the field that you have added the unique name to be pre-populated to your desired variable.

    Here is a sample code:

    <script 
    src ="https://form.jotform.com/static/feedback2.js" type="text/javascript">

    </script>
    <script type="text/javascript"> var JFL_220813892874162 = new JotformFeedback({ formId: '220813892874162',
    base: 'https://form.jotform.com/'
    windowTitle: 'Contact ESI for Product Information',
    background: '#666666',
    fontColor: '#FFFFFF',
    type: '1',
    iframeParameters: {
                'product':'Software'
            },
    height: 500,
    width: 700,
    openOnLoad: false });
    </script>
    <a class="btn btn-bg-white btn-hover-2 lightbox-220813892874162">Contact Us <i class="fa fa-caret-right"></i></a>


    Please give it a try and let us know how it goes.


  • dougbailey1966
    Replied on March 23, 2022 at 4:12 PM

    That does not work, does not popup anything at all. What I want is the criteria you have above, but used in this code (below) to popup in your modal.


    <a class="btn btn-bg-white btn-hover-2 lightbox-220813892874162">Contact Us <i class="fa fa-caret-right"></i></a>

  • Harvey JotForm Support
    Replied on March 23, 2022 at 5:54 PM

    Hello,

    To clarify did you want your lightbox to auto pop up when they access it on your website? If yes, You can change the code on the lightbox from openOnLoad: false to openOnLoad: true.

    May we also know the URL where you are embedding your lightbox for us to check as well?

    Looking forward to your reply.

  • dougbailey1966
    Replied on June 2, 2023 at 4:25 PM

    These forms were working a couple of days ago but now they are not. I have them passing a variable for a specific product (full code below) and it fills out the input field for the user. None of them are working now and I need them to be.

    The buttons are through the entire site, but here is a page that has it - https://www.icpms.com/products/autosamplers-for-icp-icpms/dx-autosamplers/

    The Subscribe button works still but that has no variable being passed.

    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script>

    <script type="text/javascript"> var JFL_220813892874162 = new JotformFeedback({ formId: '220813892874162', base: 'https://form.jotform.com/', windowTitle: 'Contact ESI for Product Information', background: '#666666', fontColor: '#FFFFFF', type: '1', iframeParameters: { 'product':'DX Autosamplers' }, height: 650, width: 700, openOnLoad: false });</script>

    <a class="btn btn-bg-white btn-hover-2 lightbox-220813892874162">Contact Us <i class="fa fa-caret-right"></i></a>


    PLEASE HELP ASAP!!!!

  • dougbailey1966
    Replied on June 2, 2023 at 6:47 PM

    I HAD TO CHANGE ALL OF THE BUTTONS TO AN EMAIL CONTACT BUTTON FOR THE TIME BEING.

    We cannot go the weekend without SOME kind of contact not coming through.

    I really need this working again, so PLEASE get back in touch ASAP!!!!

    Thanks!

  • Chris_L JotForm Support
    Replied on June 3, 2023 at 7:04 PM

    Hi Doug,

    We are sorry that this is happening. We are of the issue and our Developer has confirmed that this issue has been resolved, can you please try again?

    Keep us updated and let us know if you need any more help.

  • dougbailey1966
    Replied on June 4, 2023 at 11:37 AM

    Thank you. Are there any code changes that i need to incorporate?

  • Lyla JotForm Support
    Replied on June 5, 2023 at 3:51 AM

    Hi dougbailey1966,

    Thanks for getting back to us. As my colleague said, the issue has been resolved and you can try again to see if it is working properly. So, we don't need to add any code for now. If you're still having the same issue, we'll do a more in-depth investigation and work on finding a solution.

    Let us know if you have any other questions.