send.webforms.toRead the docs →

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.

Get an endpointRead the docs

Setup

  1. Copy your endpoint

    Create a form in the dashboard.

  2. 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.

Code Block
<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

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.

Ready to wire up your Squarespace form?

Free for 300 submissions a month. Endpoint in under a minute, no card required.

Start free