How to Integrate Slack Notifications in Bubble

Go to api.slack.com/apps and click Create New App. Choose 'From scratch', name it, and select your workspace. Go to Incoming Webhooks → Activate Incoming Webhooks → Add New Webhook to Workspace. Select the channel where notifications should be posted and click Allow. Copy the Webhook URL — it looks like https://hooks.slack.com/services/T00/B00/xxxx. This URL is your endpoint for sending messages.

In Bubble, open the API Connector plugin. Add a new API called 'Slack'. Add a POST call named 'Send Notification'. Set the URL to your webhook URL. Set Content-Type header to application/json. In the Body, add a JSON payload with a 'text' parameter: {"text": "[message]"}. Mark the message parameter as not private (so it can be dynamic). Set 'Use as' to Action. Initialize the call with a test message. Check your Slack channel — the test message should appear.

Slack's Block Kit allows rich formatting. Replace the simple text body with a blocks array for structured messages. Use sections with markdown text for headers, fields for key-value pairs, and dividers for visual separation. Use Slack's Block Kit Builder (app.slack.com/block-kit-builder) to design your message visually and copy the JSON. In the API Connector body, insert the Block Kit JSON with dynamic Bubble data for variable content like order numbers, user names, and amounts.

1{
2  "blocks": [
3    {
4      "type": "header",
5      "text": {"type": "plain_text", "text": "New Order Received"}
6    },
7    {
8      "type": "section",
9      "fields": [
10        {"type": "mrkdwn", "text": "*Customer:*\n[customer_name]"},
11        {"type": "mrkdwn", "text": "*Total:*\n$[order_total]"}
12      ]
13    },
14    {
15      "type": "section",
16      "text": {"type": "mrkdwn", "text": "<[order_url]|View Order>"}
17    }
18  ]
19}

Add Slack notification actions to your key workflows. New order placed: send a message with order details, customer name, and total. New user signup: send the user's name and email. Error logged: send the error message, source, and affected user. Payment failed: send the customer name and failure reason. For each event, add the Slack API call as a workflow action with dynamic data for the message fields. Use backend workflows for server-side events like webhook processing.

Create additional webhooks for different Slack channels (orders channel, errors channel, general channel). In the API Connector, create separate calls for each channel or make the webhook URL a dynamic parameter. Add logic to route notifications: order events go to #orders, errors go to #alerts, signups go to #growth. For sensitive notifications (errors with user data), send to a private channel. Add a toggle in your app settings to enable/disable each notification type.