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 more200 free submissions a month and a live endpoint in 30 seconds. No server, no credit card, just point your form at it.