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 Bubble

Bubble has built-in form elements, but sending that data externally requires plugins or API workflows. Spike simplifies this:
  • No plugins needed — just an HTML embed or API call
  • Unlimited submissions on the free plan
  • Spam protection, webhooks, and 21+ integrations
  • Email notifications out of the box
  • Full API access to submission data

​
Option 1: HTML Embed

The simplest approach. Add an HTML element in Bubble and paste your Spike form.
1

Create Spike Form

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

Add HTML Element

In the Bubble editor, add an HTML element to your page.
3

Paste Form Code

Paste the form HTML below into the element.
<form action="https://api.spike.ac/f/YOUR_FORM_SLUG" method="POST" style="font-family:inherit;">
  <input type="text" name="_gotcha" style="display:none">

  <div style="margin-bottom:14px;">
    <label style="display:block;font-size:14px;margin-bottom:4px;">Name</label>
    <input type="text" name="name" required
      style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;">
  </div>

  <div style="margin-bottom:14px;">
    <label style="display:block;font-size:14px;margin-bottom:4px;">Email</label>
    <input type="email" name="email" required
      style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;">
  </div>

  <div style="margin-bottom:14px;">
    <label style="display:block;font-size:14px;margin-bottom:4px;">Message</label>
    <textarea name="message" rows="4" required
      style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;resize:vertical;"></textarea>
  </div>

  <button type="submit"
    style="padding:12px 24px;background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;">
    Send Message
  </button>
</form>

​
Option 2: API Connector

For tighter integration with Bubble’s native elements, use the API Connector plugin to POST to Spike.
1

Install API Connector

In Bubble, go to Plugins → search for API Connector → install it.
2

Add API Call

Create a new API with these settings:
  • Name: Spike Submit
  • Method: POST
  • URL: https://api.spike.ac/f/YOUR_FORM_SLUG
  • Headers: Content-Type: application/json, Accept: application/json
  • Body type: JSON
  • Body:
{
  "name": "<name>",
  "email": "<email>",
  "message": "<message>"
}
3

Trigger from Workflow

In your page workflow, trigger the API call on button click and pass the input values.
The HTML embed approach is faster to set up. Use the API Connector when you need to combine Spike submissions with other Bubble workflows.