User Guide

 

Adding a form to Squarespace

Adding a form to Squarespace

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!

Send Comment

15 Comments...

  • FineLinesFurnishings

    I tried all of this but the submit button doesn't show up at the bottom of the form...

  • jjvernon

    is there any way to embed the form without the JotForm logo and "Create your own form for free" button? This is a medical patient form and the logo makes it look very unprofessional and untrustworthy...

  • 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/

  • 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

  • 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

  • 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

  • JulieNeill

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

  • Sumit Malviya

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

  • 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?

  • 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!

  • kelley kaplan

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

  • 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

  • teplin

    how about for SqSp7?

  • 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!

  • HortPlus

    Awesome, thanks.