User Guide

Adding a form to Squarespace

Last Update: May 3, 2017

Adding your form to your Squarespace website is quite easy. 

1. Head over to "Publish" on the JotForm Builder toolbar. Click to open the Publish Wizard:


2. On the Publish Wizard, select the "Platforms" Tab, and in the search box, type in "Squarespace": 




3. Click on "Copy Code" to grab your form's embed code:


4. The Code you've just copied needs to go to a code block on your Squarespace web page. To add a block on your web page, please open this guide. Select "Code" as shown below: 

Code block

5. Paste the code you copied into the code block box. Click "Apply". A preview of your form should appear:

paste code

6. Click "Save".  

That's it! You can now share your Squarespace website and start receiving form submissions. 

Form displayed

Got any questions? Having a little difficulty adding your form to Squarespace? Please let us know. 

Cheers!

13 Comments...

  • HortPlus

    Awesome, thanks.

  • electricgeisha

    Hey guys... My issue is that the send button disappears after I upload a file.

    I tried adjusting both the padding of the page and the iFrame height with no love.

    Any help would be awesome!

  • teplin

    how about for SqSp7?

  • xagolab

    OK. This worked for me but of course the alignment is messed up. I am sure if I work around the details, I maybe able to fix it and have it aligned properly. all fields are present but need to work on alignments.

    Thanks

  • kelley kaplan

    how do i make this appear on just the homepage, like a popup with an X to close it

  • LeslieDee

    I am having issues with the Print function on my forms, not sure if it is an issue with the embedding... When "Print Form" is clicked, form data does not submit and page does not redirect to designated thank you page URL. This is stalling a new site launch, so any help is much appreciated!

  • apolsky

    I have tried increasing the height on my form but I'm not finding success. Could this have something to do with the fact that I have two forms, for the purpose of giving users the ability to complete the second form at a later time?

  • Sumit Malviya

    Hello , After making the form where we can receive the form data...??

  • JulieNeill

    Does it have to scroll within the page? Can it just show the whole form without a separate scroll?

  • hannah

    I have copied my code and tried to paste it into the code block on squarespace but it wont allow me to paste. When i right click on my mouse no options come up.

    Can you help me please?
    Thanks

  • Hannah

    Thanks for the answer above but now that I have pasted my form the layout is all disfigured and many of the drop down tabs are missing. Why is this and can I resolve this?

    Thanks

  • Devon Deason

    For some reaason when I add my JotForm to my site in SQSP it completely hides my header navigation and company logo

    https://fix8media-acutonix.squarespace.com/new-patient-forms/

    Feel free to use the visitor access to see what's going on

  • temporaryfencingwarehouse

    Dear Jotform support,
    Ive followed your instructions but I cant get my embedded from to display at the correct height, no matter what I do. Please help. Here is my page,

    https://temporaryfencingwarehouse.squarespace.com/hire/

Send Comment