Form Shopify Integration

  • Profile Image
    AllanR
    Asked on August 08, 2011 at 08:18 AM

    Hi There

    I built  a form with your tools and then downloaded it and styled it to how I wanted it to look.

    I had it fully working in a HTML page

     

    But now I have uploaded it all in to shopify it doesnt error check or anything

     

    It does submit though?

     

    I have upload all my javascript and tlinked it in my theme liquid along with the css

     

    But I am a bit stuck

    Here is the URL

    http://lifestrength.myshopify.com/pages/get-in-touch

    password: allan

     

    Any Ideas?

     

    PS the redirect is broken because the site is not live yet

     

    Best Regards

    Darren

  • Profile Image
    allanftd
    Answered on August 08, 2011 at 09:08 AM

    Hi Allan,

    I was able to confirm the issue you reported when I tested your form as a stand alone and as part of your website.

    Based on the results, it is clear that the issue arises once the full source code is pasted into your shopify webpage editor. Shopify might be automatically stripping off some codes which affected how JotForm performs field validation. To resolve this conflict, kindly try using the Iframe embed code if you have not tried using it yet. Let us know how it goes.

    Please let us know if you have any other questions or concerns. Thank you for using JotForm!

    JOTFORM SUPPORT 

     

     

  • Profile Image
    AllanR
    Answered on August 08, 2011 at 09:12 AM

    Thanks for this

    The problem is that i need to completely style the css even the errors

  • Profile Image
    allanftd
    Answered on August 08, 2011 at 09:29 AM

    Thanks for the prompt update, Allan. If using the default JotForm Iframe page won't work for you, you can save your customized JotForm form into another blank page of yours, then insert this page as an Iframe within the original web page.

    Please advise if this is something that's possible to implement on your side so that we can provide other options for you.

    JOTFORM SUPPORT

  • Profile Image
    AllanR
    Answered on August 08, 2011 at 10:27 AM

    Ok I will try this but can I link to your JS files because when I put them in to shopify the conflict with some of my Jquery

    If So what are the full links for

    <script src="js/prototype.js?v=3.1.112" type="text/javascript"></script>
    <script src="js/protoplus.js?v=3.1.112" type="text/javascript"></script>
    <script src="js/protoplus-ui.js?v=3.1.112" type="text/javascript"></script>
    <script src="js/jotform.js?v=3.1.112" type="text/javascript"></script>

     

    Regard

  • Profile Image
    allanftd
    Answered on August 08, 2011 at 10:49 AM

    Hello Allan,

    Kindly add http://www.jotform.com/ to get the full URL of these scripts, i.e. http://www.jotform.com/js/prototype.js?v=3.1.112.

    Let us know how if you need further assistance.

    JOTFORM SUPPORT

  • Profile Image
    AllanR
    Answered on August 09, 2011 at 05:47 AM

    Hi again

     

    I have done what you recomended and it worked ***Thank you***

     

    One last thing how do I get red of that spinnig round circule

    because my form is on a transparent baground and is grey it look really bad

     

    any ideas

  • Profile Image
    allanftd
    Answered on August 09, 2011 at 07:15 AM

    Hi Allan,

    Glad that it worked out fine for you. With regards to the spinning round circle, to my knowledge it is something that cannot be changed since it is hardcoded into the program module. Sorry for the inconvenience.

    Please let us know if you have any other questions or concerns. Thank you and enjoy using JotForm!

    JOTFORM SUPPORT