Squarespace Forms: Code Block Setup

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:

<form action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST" style="display:flex;flex-direction:column;gap:12px;max-width:480px;">
  <input
    type="text"
    name="name"
    placeholder="Your name"
    required
    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
  />
  <input
    type="email"
    name="email"
    placeholder="Email address"
    required
    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
  />
  <textarea
    name="message"
    placeholder="Your message"
    rows="5"
    style="padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:15px;"
  ></textarea>
  <button
    type="submit"
    style="padding:12px 24px;background:#000;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;"
  >
    Send Message
  </button>
</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:

<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

• Configure notifications and spam filtering
• Read submissions via the API