Jotform not loading in Shopify.

  • thomasmobly
    Asked on January 25, 2017 at 11:37 AM
  • David JotForm Support Manager
    Replied on January 25, 2017 at 12:01 PM

    Di you followed this guide? https://www.jotform.com/help/217-Adding-a-form-to-Shopify-Store-Frontpage 

    If you did, and the form is still not showing, try embedding the I Frame code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    Let us know if you need more help.

  • thomasmobly
    Replied on January 25, 2017 at 4:02 PM

    I have tried everything I know of and still nothing. I normally use Safari so I thought that might be the issue so I tried it using Chrome. Still nothing. 

     

  • David JotForm Support Manager
    Replied on January 25, 2017 at 4:11 PM

    Please try adding it again, and share the URL of the page where it is supposed to be embedded, so we can inspect further. Also, you may contact your Shopify support to see if there isn't any issue on their end that is preventing the HTML code from being read:

    Jotform not loading in Shopify Screenshot 20 

  • thomasmobly
    Replied on January 25, 2017 at 4:29 PM

    Thanks. I have tried using both the embed code and iFrame and still nothing. Here is the link. 

     

    http://discipleguide.myshopify.com/pages/soar-2017-registration

  • David JotForm Support Manager
    Replied on January 25, 2017 at 4:58 PM

    Thanks for sharing the URL to the page. It looks like the Shopify page is block the script code:

    Jotform not loading in Shopify Screenshot 40

    Please remove your form's code again. This time try with the Iframe code again, but do not embed the script code that comes with it: 

    1) Get a fresh Iframe code: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    2) Before you embed the code, paste it in a text editor like WordPad, you will notice two part of codes, only copy and embed the Iframe part in your webpage, example:

    Jotform not loading in Shopify Screenshot 51

    3) Make sure to set the scrolling property to "yes", example:

    Jotform not loading in Shopify Screenshot 62

    Let us know if that helps.

  • thomasmobly
    Replied on January 25, 2017 at 5:13 PM

    Thanks! This seemed correct the issue. I do have any question concerning forms. The form I created has a payment field. If I wanted to utilize Shopify's payment options, how would I create the form? 

     

  • David JotForm Support Manager
    Replied on January 25, 2017 at 5:27 PM

    Glad to know that. Unfortunately, we do not have an integration with Shopify payment options.

  • thomasmobly
    Replied on January 25, 2017 at 5:32 PM

    I understand. I didn't know if I removed that portion if there was a way to then utilize Shopify payments. Thanks for all of your help in getting my form to embed properly. 

     

  • David JotForm Support Manager
    Replied on January 25, 2017 at 8:40 PM

    You are welcome. :-)