Skip to main content

Documentation Index

Fetch the complete documentation index at: https://doc.spike.ac/docs/llms.txt

Use this file to discover all available pages before exploring further.

​
Why Use Spike with Squarespace

Squarespace has built-in forms, but they come with limits:
  • Squarespace caps form storage on lower plans
  • Limited notification options
  • No webhook support
  • No third-party integrations beyond email
Spike gives you:
  • Unlimited submissions on the free plan
  • Spam protection (honeypot, reCAPTCHA, Turnstile)
  • Webhooks to send data anywhere
  • 21+ integrations (Slack, Discord, Google Sheets, etc.)
  • Full API access to submissions

​
Setup Steps

1

Create Spike Form

Create a new form in your Spike dashboard and copy the form slug.
2

Add Code Block

In the Squarespace editor, add a Code Block where you want the form. Make sure “Display Source” is unchecked.
3

Paste Form HTML

Paste your Spike form HTML into the code block.
4

Save and Publish

Save the page. Your form is live.

​
Example Embed

Paste this into a Squarespace Code Block: 
<form action="https://api.spike.ac/f/YOUR_FORM_SLUG" method="POST" class="spike-form">
  <input type="text" name="_gotcha" style="display:none">

  <div class="spike-field">
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required>
  </div>

  <div class="spike-field">
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required>
  </div>

  <div class="spike-field">
    <label for="message">Message</label>
    <textarea id="message" name="message" rows="4" required></textarea>
  </div>

  <button type="submit">Send Message</button>
</form>

<style>
.spike-form {
  max-width: 500px;
  font-family: inherit;
}
.spike-field {
  margin-bottom: 16px;
}
.spike-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.spike-field input,
.spike-field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
}
.spike-form button {
  background: #000;
  color: #fff;
  padding: 12px 24px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.spike-form button:hover {
  background: #333;
}
</style>

​
Custom Redirect

Send users to a thank-you page after submission: 
<form action="https://api.spike.ac/f/YOUR_FORM_SLUG" method="POST">
  <input type="hidden" name="_next" value="https://yoursite.squarespace.com/thank-you">
  <!-- rest of your fields -->
</form>
Use font-family: inherit in your styles so the form picks up your Squarespace site’s typography automatically.