Jotform Lightbox: Javascript conflict in Shopify website

  • Profile Image
    Asked on July 24, 2017 at 04:57 PM

    Hello there, 

    I am using Shopify for my website. I am trying to embed the lightbox form into a page. The code I got from Jotform is below: 



    Shopify wouldn't allow me to directly embed the code in the page source code (I might be wrong about this). So I added the script to theme.liquid file and the code for the button on the page.

    Theme.liquid file:

    .jotformscript {



    Page source code:


    The page loads fine. But the page is showing there's something wrong with the script (see attached picture). Some other functions on the website are affected as well. 


    Thank you so much in advanced for your help. I really appreciate it!

  • Profile Image
    Answered on July 24, 2017 at 07:10 PM

    Please try to place (move) the Jotform Lightbox code before other scripts in the head section.

    You can also remove the .jotformscript { } code.

    If you need any further assistance, please let us know.