My form is not showing up on BigCommerce page

  • Profile Image
    creativewhs
    Asked on April 25, 2019 at 02:28 PM

    On this page:https://briarproofstore.com/


    If you scroll down to the section that says "What type of Hunting clothes are you looking for?"


    There is a form underneath that text, but it is not showing up. When I inspect the page, the form is giving the error: "Uncaught SyntaxError: Unexpected number"


    Please help.

  • Profile Image
    Welvin
    Answered on April 25, 2019 at 04:10 PM

    I'm sorry, took me long to figure this out. Our guide tells you to get the JS embed, but this doesn't seem to work due to script conflict. The working method is the iframe so please do that instead. 

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Paste the iframe by following the steps in the below guide from BigCommerce:

    https://support.bigcommerce.com/s/article/Creating-a-Contact-Form#third-party-forms

    Once pasted, you will see the form like this:

    15562226792019-04-26-003.png

    Next, you will need to open the HTML editor again after you click the Update button, you'll see the codes like this:

    15562228012019-04-26-004.png

    You can see that I have highlighted the width and height attributes of the form. As you could see, BigCommerce changed these values automatically. You need to set the width to 100% and set the height to the maximum height of the form until you don't see the scrollbar. See example changes below:

    15562229272019-04-26-006.png

    Click Update again and click Save button at the bottom part of the page editor. And that's it!

    You can see a demo form here https://jotform.mybigcommerce.com/jotform/ (pass: fzj2b29gq7)


  • Profile Image
    creativewhs
    Answered on April 26, 2019 at 08:55 AM

    That worked, thanks!