Set up Bubble as an event-based data source.

Capture Bubble webhooks to get real-time data on every action your users take.

Add Bubble as a source

Follow the steps (see the screenshots below).

  1. Tap into a workspace in your Velvet dashboard
  2. Navigate to "Data sources"
  3. Tap "Add a data source"
  4. Name your source “Bubble”
  5. Copy the Bubble webhook link

Add a data source.

Name your data source.

Copy the webhook link.

Capture webhooks from Bubble

To capture webhooks from Bubble, create an API endpoint and workflow.

  1. Log in to your Bubble account and navigate to plugins.
  2. Tap "Add plugin", then search for "API Connector" and install. Press done.
  1. Next, tap "Add another API" using the API connector.
  1. Tap "Add another call"
  2. Choose the method (POST for Velvet webhook URL).
  3. Paste the webhook url from Velvet in the required input field.
  4. Include the event data you want to send in the body of each webhook.
  5. Tap "Initialize call", then "Save".
  1. Navigate to "Settings" in the sidebar. Check the box for "Enable Workflow API and Backend Workflow".
  1. Navigate to "Backend workflows" by tapping the search box in the top left.
  1. Tap the dotted box that says "Click here to add a backend workflow..."
  2. Choose General > “New API Workflow".
  3. Name the workflow and select “trigger workflow with [POST]”.
  1. Tap “Click here to add action…” on the left.
  2. Choose "Data (Things)" > "Return data from API"
  1. In the "Return data from API", specify:
  • Content-type: Structured JSON
  • Key: info, API Call
  1. In the "Search" box, choose: “Get data from an external API”.
  1. Finally, choose which event should trigger sending the event to the Velvet webhook URL.

Great job, you’ve connected a Bubble webhook endpoint. From this point on, we’ll create a queue of every event you send from Bubble and collect them in your Velvet workspace.

Note: Because Bubble does not offer a webhook plug-in, you'll need to repeat this backend workflow process for each webhook type you want sent to Velvet. Email [email protected] for tech support.