Embedding in Squarespace

Add FavForm to your Squarespace site using Code Blocks or Code Injection.

Code Blocks require a Squarespace Business plan or higher. The Embed Block (iframe) works on all plans.

Using a Code Block

Edit your page

Open the page where you want the form and click "Edit".

Add a Code Block

Click an insert point (+) → Code. This adds a Code Block.

Paste the embed code

Paste this code and make sure "Display Source" is unchecked:

HTML

<fav-form data-embedId="your-form-id"></fav-form>
<script src="https://favform.com/embed/v1.js" async></script>

Save and publish

Click outside the block to save, then publish your changes.

Using an Embed Block (all plans)

The Embed Block works on all Squarespace plans:

Add an Embed Block

Click an insert point (+) → Embed.

Enter the URL

Click the embed icon and paste your form URL:

Text

https://favform.com/f/your-form-id

Adjust the height

Squarespace may auto-detect the height. If the form is cut off, you can use a Code Block with an iframe instead.

Site-wide widgets (Code Injection)

Add a feedback widget to every page using Code Injection:

Go to Settings → Advanced → Code Injection
Scroll to the "Footer" section
Paste the widget code
Save

HTML

<fav-form data-embedId="your-widget-id"></fav-form>
<script src="https://favform.com/embed/v1.js" async></script>

Code Injection requires a Business plan or higher.

Page-specific code

To add code to a specific page only:

Open the page settings (gear icon)
Go to Advanced → Page Header Code Injection
Add your embed code

Iframe with custom height

For more control over sizing, use an iframe in a Code Block:

HTML

<iframe 
  src="https://favform.com/f/your-form-id" 
  width="100%" 
  height="700" 
  frameborder="0" 
  style="border: none; max-width: 100%;">
</iframe>

Troubleshooting

Code Block not available

Code Blocks require a Business plan. Use an Embed Block with the iframe URL instead.

Form appears too small

Use a Code Block with an iframe and set a specific height (e.g., 700px).

Widget not showing

Make sure you added the code to the Footer section in Code Injection, not the Header.

← Wix Framer →