My form is not showing up on BigCommerce page

  • creativewhs
    Asked on April 25, 2019 at 2: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.

  • Welvin Support Team Lead
    Replied on April 25, 2019 at 4: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 Screenshot 10

    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 Screenshot 21

    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 Screenshot 32

    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)


  • creativewhs
    Replied on April 26, 2019 at 8:55 AM

    That worked, thanks!