Form embedded on Squarespace has a huge gap at the bottom?

  • Profile Image
    Asked on April 10, 2016 at 01:23 AM
    2) The space between my form and my footer is massive. I need my form to grow based on certain responses people give. Because of this, there is a large space at the end of my form making my footer on my site very far down. I also read an answer to this problem from a few years ago, and again, the solution doesn't seem to apply to this version of jotforms. 
  • Profile Image
    Answered on April 10, 2016 at 01:53 AM

    We have a guide that instructs our users to remove the <script> tag included in the iFrame embed code when you embed your form to Squarespace. However, this is done to avoid script conflict between the form and the website.

    The <script> code included in the iframe embed code is responsible for the responsiveness of the form's iFrame element. So when you remove it, the height is fixed. Which is why you have a big gap at the bottom. The iframe's height does not adjust and it will remain in 3000px (which is the one you have setup). 

    However, there are instances that the iFrame embed code with a script will work on your Squarespace website and will not cause any conflict, it would be best to try which embed codes would work for you.

    Aside from the default script code and iFrame code, please try the steps mentioned under "Publish"->"Platform"->Squarespace. You can follow these steps:

    1. Click "Publish"

    2. Switch to the "Platform" tab and search for "Squarespace"

    3. Here use the embed code stated and follow the instructions.


    The code stated there is an iFrame and has the script code responsible for the responsiveness of it. Try using that one and see if that gives you a better layout.

    I hope that helps.