Add a custom form to Squarespace using a Code Block and FormsList.
TL;DR
Squarespace's built-in forms are limited. Add a custom form using a Code Block with HTML that submits to a FormsList endpoint. Get spam protection, email notifications, and integrations that Squarespace forms don't offer.
Sign up at formslist.com and create a form.
In Squarespace, edit page > Add Block > Code. Paste this HTML.
<form action="https://formslist.com/f/YOUR_HASH" method="POST" style="max-width:500px">
<label>Name</label>
<input type="text" name="name" required style="width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px" />
<label>Email</label>
<input type="email" name="email" required style="width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px" />
<label>Message</label>
<textarea name="message" rows="5" required style="width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px"></textarea>
<button type="submit" style="background:#000;color:#fff;padding:12px 32px;border:none;border-radius:4px;cursor:pointer;width:100%">Send</button>
</form>Adjust colors, fonts, and spacing to match your Squarespace theme.
Preview, submit a test form, and verify in your FormsList dashboard.
Add a fully functional contact form to any HTML website in under 5 minutes. No JavaScript frameworks, no server setup — just plain HTML that works everywhere.
Learn moreOverride Webflow's default form handling and send submissions to FormsList for more control over notifications, integrations, and data management.
Learn moreSet up your form backend in under a minute. No server required, no complex configuration — just a simple endpoint for your forms.