How do I embed a Paperform form to Squarespace?

Embedding to Squarespace is different from a standard embed. Here's how to embed your Paperform forms on Squarespace:

  1. When your form is ready to be embedded, navigate to Share → Embed on your form Editor's page header.
  2. Copy the "inline" script. You cannot currently use full-screen embeds with Squarespace.
  3. Log in to your Squarespace site and click Edit on the section you would like your form to appear on.
  4. Choose Code Block, and paste the embed script you copied in Step 2.
  5. Save and refresh. Your form is now embedded!

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:

  1. Disable ajax loading on Squarespace.
  2. 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.