What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by hawkandrose 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
    JotForm Support

    Answered by Charlie 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.