AI fill for Squarespace forms: add a Code Block under your form

Your visitors are tired of typing into boxes. Let their AI do it. In Squarespace you add one Code Block below your form and paste one script tag into it. Your form does not change. A button appears above it. It takes about five minutes.

Steps

1. Find your form's id. Open the published page, right-click the form, and choose Inspect. Look at the line that starts with <form. Copy the value of id.
2. Edit the page with your form.
3. Hover over the section below your form. Click Add block, or click the + sign. Click Code.
4. Click the pencil icon on the block to open its editor.
5. Set the mode to HTML. Make sure Display Source is switched off.
6. Paste the snippet below. Change your-form-id to the id from step 1.
7. Save the page. Open it in a private browser window and look for the button above the form.

The snippet

<script src="https://aiformapi.com/agent-fill.js" data-form="#your-form-id"></script>

If your page has only one form, you can leave out data-form. A newsletter form in the footer counts as a second form, so I suggest you set it.

Good to know

• Squarespace says custom code can break how your site looks or works, especially on phones. Check your page on a phone.
• If a code block stops you from editing your site, Squarespace says to disable scripts in preview, then edit or remove the code.
• Squarespace says code may not show on a page when Ajax loading is on. If your button is missing, check that setting.
• Squarespace support cannot help with custom code.

Check it

Press the button. The prompt must list your field labels. Give it to an AI, paste the answer back, and the boxes fill. Then press your own submit button.

What I checked

I read the Squarespace help page for the steps above. I ran the snippet on a test page with a form and the script after it. I did not run it on a live Squarespace site.

Sources (read 2026-10-30)

• Using Code Blocks (Squarespace Help Center)
• agent-fill.js reference