How do I embed a Paperform form to Squarespace?
Embedding
Can I add a form as a popup on my site?Can I change my form's width when embedding it as a popup?Can I embed a form without the background?Can I embed a payment form in a non-SSL page?Can I embed my form in an email?Can I speed up my embedded form's load time?What is oEmbed and how can I use it with Paperform?Embedded form JS API (draft)How can I embed my form in a React app?How do I embed a Paperform form in Webflow?How do I embed my form with AMP?How do I use the iFrame fallback method for embedding?How do I embed a Paperform form to Squarespace?Is the form mobile-friendly when it is embedded?My dropdown question is cut off when embedded. How can I fix it?Why doesn't my embedded form work?Embedding GuideEmbedding to Squarespace is different from a standard embed. Here's how to embed your Paperform forms on Squarespace:
- When your form is ready to be embedded, navigate to Share → Embed on your form Editor's page header.
- Copy the "inline" script. You cannot currently use full-screen embeds with Squarespace.
- Log in to your Squarespace site and click Edit on the section you would like to put your form.
- Choose Code Block, and paste the embed script you copied in Step 2.
- Save and refresh, and you’re all done!
Troubleshooting
Some Squarespace themes have "Ajax" loading enabled. This is a feature that some Squarespace themes have enabled by default, which loads page navigations using javascript.
This makes the pages load faster, but the downside is that any javascript that is on the new page isn't fired. This means your Paperform forms can behave unexpectedly while embedded.
There are two workarounds for this:
- Disable ajax loading on Squarespace.
- Alternatively, you can add the Paperform embed code to the footer of the website so that it loads on any page. The script to add is shown below:
<script src="https://paperform.co/__embed"></script>
Gotchas
- Full-screen embeds cannot be used with Squarespace websites.