Connect with Squarespace
Add a native HTML form in a Squarespace code block.
Requirements
Use a code block or custom HTML area that permits form tags. Use a public form key, not an API token.
Public browser integration uses POST /f/:publicKey and does not need a secret token.
Configure and test
Step 1: Copy credentials or form key
Copy the public form key from Form Setup and ensure your site’s hostname is permitted by form origin settings.
Step 2: Add the request
Some templates restrict code blocks or form actions. Verify what the published site renders and that the submission appears in the correct workspace and form.
Step 3: Send a test
Append ?test=true to the public endpoint while checking the integration, or use the dashboard test control.
Step 4: Verify and launch
Open Submissions and filter by Test to verify captured field values. Configure enabled destinations and inspect Deliveries separately.
Example
This Squarespace example uses standard HTTP. Panther Hook does not require a framework-specific SDK; replace all placeholder identifiers with real form values.
<form action="https://pantherhook.com/f/YOUR_PUBLIC_FORM_KEY" method="POST">
<label>Email <input name="email" type="email" required /></label>
<label>Message <textarea name="message" required></textarea></label>
<button type="submit">Send</button>
</form>Troubleshoot
- Unexpected 4xx: check endpoint, scope or allowed origin and required fields.
- 429: respect rate limits and avoid unbounded retries.
- Accepted lead but missing notification: inspect the relevant destination and spam classification separately.