Site builders and CMS
Add a contact form to Squarespace
Squarespace's form block emails you or writes to a Google Sheet, and that is the whole list. A Code Block with a plain HTML form gets you the destinations the built-in block does not have, and a submission archive that is not tied to your Squarespace subscription.
Setup
Copy your endpoint
Create a form in the dashboard.
Add a Code Block
Edit the page, add a Code Block and paste the markup. Code Blocks require a Business plan or above.
Squarespace examples
Swap in your own endpoint and these run as-is.
<form action="https://send.webforms.to/wft_your_key" method="POST" class="sqs-custom-form">
<input type="text" name="name" placeholder="Name" required>
<input type="email" name="email" placeholder="Email" required>
<textarea name="message" placeholder="Message" rows="5" required></textarea>
<input type="hidden" name="_next" value="https://example.com/thank-you">
<input type="text" name="_gotcha" tabindex="-1" autocomplete="off"
style="position:absolute;left:-9999px" aria-hidden="true">
<button type="submit">Send</button>
</form>
<style>
.sqs-custom-form { display: grid; gap: .75rem; max-width: 32rem; }
.sqs-custom-form input,
.sqs-custom-form textarea {
padding: .625rem .75rem;
border: 1px solid #d4d4d4;
border-radius: .5rem;
font: inherit;
}
.sqs-custom-form button {
padding: .75rem 1.25rem;
border: 0;
border-radius: .5rem;
background: #111;
color: #fff;
font: inherit;
cursor: pointer;
}
</style>Worth knowing
- Code Blocks need a Squarespace Business plan or higher. On Personal, the built-in form block is your only option.
Squarespace form FAQ
It only delivers to email or a Google Sheet. If you want Slack, Telegram, a webhook into your CRM, or submissions that outlive your Squarespace subscription, a Code Block form gives you that.
Related guides
Ready to wire up your Squarespace form?
Free for 300 submissions a month. Endpoint in under a minute, no card required.
Start free