Adding a Form to Squarespace

    Squarespace's built-in forms store submissions inside Squarespace itself. With Formboost, you get AI spam filtering, webhooks, a REST API, and submissions in a dedicated dashboard — using a simple HTML code block.

    Note: Custom HTML code blocks require a Squarespace Business plan or higher.

    Prerequisites

    • A Formboost account (sign up free)
    • A Squarespace site on Business plan or above

    Step 1: Create a Formboost Endpoint

    Log in to your Formboost dashboard and create a new endpoint. Copy the endpoint URL:

    https://formboost.app/f/YOUR_ENDPOINT_ID

    Step 2: Add a Code Block in Squarespace

    1. Open your page in the Squarespace editor
    2. Click Add Block and choose Code
    3. Paste the following HTML into the code block:
    1<form action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST" style="display:flex;flex-direction:column;gap:12px;max-width:480px;">
2  <input
3    type="text"
4    name="name"
5    placeholder="Your name"
6    required
7    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
8  />
9  <input
10    type="email"
11    name="email"
12    placeholder="Email address"
13    required
14    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
15  />
16  <textarea
17    name="message"
18    placeholder="Your message"
19    rows="5"
20    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
21  ></textarea>
22  <button
23    type="submit"
24    style="padding:12px 24px;background:#000;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;"
25  >
26    Send Message
27  </button>
28</form>

    Replace YOUR_ENDPOINT_ID with your actual endpoint ID.

    Step 3: Style to Match Your Site

    Edit the inline styles to match your Squarespace theme's colors and typography. You can also remove the inline styles and use Squarespace's Custom CSS editor to target the form elements.

    Step 4: Custom Redirect (Optional)

    To send users to a custom thank-you page after submission, add a hidden field inside the form:

    1<input type="hidden" name="_redirect" value="https://yoursite.squarespace.com/thank-you" />

    Step 5: Test It

    Save and publish your page. Submit the form — you'll see the entry in your Formboost dashboard and receive an email notification within seconds.

    Next Steps

    PreviousAdding a Form to FramerNextAdding a Form to Astro