Squarespace

Adding a Form to Squarespace

Squarespace's built-in forms stay inside Squarespace's own backend, but a Code Block lets you drop plain HTML onto any page and POST directly to Formward instead.

1. 01Create your form in Formward

   Sign up at formward.eu, create a new form, and copy the endpoint URL (https://formward.eu/f/your-form-id).

2. 02Add a Code Block to your page

   In the Squarespace editor, click the + button to add a block, choose Code from the list, and paste the HTML below into the code editor. Make sure the block type is set to HTML, not Markdown.

   <form action="https://formward.eu/f/your-form-id" method="POST">
     <div style="display:flex;flex-direction:column;gap:12px;max-width:480px">
       <input type="text"  name="name"    placeholder="Your name"    required style="padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem" />
       <input type="email" name="email"   placeholder="Email address" required style="padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem" />
       <textarea           name="message" placeholder="Message"       required rows="5" style="padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;resize:vertical"></textarea>
       <!-- honeypot: keep hidden -->
       <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
       <button type="submit" style="align-self:flex-start;padding:10px 24px;background:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer">Send message</button>
     </div>
   </form>

3. 03Enable code injection (Business plan required)

   Squarespace only renders raw HTML in Code Blocks on Business plans and above. If you are on a lower plan, the block shows a placeholder in the editor and a blank on the live site. Upgrade, or embed the form via a third-party app.

4. 04Test and view submissions

   Save and preview the page, submit the form, and then open the Formward dashboard to verify the submission appeared. The default redirect lands on Formward's confirmation page. You can override this by adding a hidden _next field pointing to a thank-you page on your own domain.