How do I embed a Paperform form to Squarespace?
Embedding
Can I add a form as a pop-up button on my site?Can I embed a form without the background?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 my form with AMP?How do I embed my form?How do Paperform forms look when they are embedded?Can I use special HTML attributes (e.g. pre-filling) when embedding?Is the form mobile-friendly when it is embedded?Embedding to Squarespace is different to a standard embed. Here's how to embed to Squarespace:
- When your form is ready to be embedded, go to Share → Embed
- 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.
- 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 play up when embedded.
There are two workarounds for this -
-
Disable ajax loading on squarespace - https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading
-
Alternatively, you can add the Paperform embed code to the footer of the website, that it loads on any page. The script to add is this:
<script src="https://paperform.co/__embed"></script>