Github Commit Comment Created Notification to Slack & Email

Use the Github integration by MagicBell to setup a workflow when commit_comment triggers in Github.

Connect Github to MagicBell to receive events and trigger workflows. This guide uses the MagicBell CLI.

Add the Github integration

Save your Github webhook signing secret in MagicBell. See GitHub webhooks.

magicbell integration save_github \
  --data '{"webhook_signing_secret":"your_secret_here"}'

Copy the ID from the response and use it to build your webhook URL:

https://api.magicbell.com/v2/integrations/github/webhooks/incoming/{id}

Setup the webhook

Setup a webhook in Github with the URL from the last step.
Select the commit_comment event.
If you already have a webhook configured, make sure it includes this event.

Add a workflow

Create a workflow that triggers automatically when Github sends this event.

Workflow key

Use this key to trigger the workflow when Github sends a commit_comment event:

integration.github.commit_comment

Filter by action: GitHub sends the event type in the header and the action in the payload body. Use an if condition to filter for the created action:

"if": "payload.action == 'created'"

Example workflow

Notify commit authors when someone comments on their commits.

{
  "key": "integration.github.commit_comment.created",
  "steps": [
    {
      "command": "broadcast",
      "input": {
        "action_url": "{{payload.comment.html_url}}",
        "content": "{{payload.sender.login}} commented on a commit: {{payload.comment.body}}",
        "overrides": {
          "providers": {
            "slack": {}
          }
        },
        "recipients": [
          {
            "external_id": "engineering-team"
          }
        ],
        "title": "Comment on commit in {{payload.repository.name}}"
      }
    }
  ]
}

Save with the CLI

Use the MagicBell CLI to save this workflow to your project. You can also use the Workflows API endpoint instead.

magicbell workflow save \
  --data '{"key":"integration.github.commit_comment.created","steps":[{"command":"broadcast","input":{"action_url":"{{payload.comment.html_url}}","content":"{{payload.sender.login}} commented on a commit: {{payload.comment.body}}","overrides":{"providers":{"slack":{}}},"recipients":[{"external_id":"engineering-team"}],"title":"Comment on commit in {{payload.repository.name}}"}}]}'

Event payload

Sample payload for the commit_comment event. Use liquid templates to access fields in your workflow.

{
  "action": "created",
  "comment": {
    "author_association": "MEMBER",
    "body": "This change looks good, but consider adding error handling here.",
    "commit_id": "abc123def456789012345678901234567890abcd",
    "created_at": "2025-01-16T11:00:00Z",
    "html_url": "https://github.com/acme/project/commit/abc123def456789012345678901234567890abcd#commitcomment-123456789",
    "id": 123456789,
    "line": 42,
    "node_id": "CC_kwDOABC123",
    "path": "src/api/handler.go",
    "position": null,
    "updated_at": "2025-01-16T11:00:00Z",
    "user": {
      "avatar_url": "https://avatars.githubusercontent.com/u/345678",
      "html_url": "https://github.com/senior-dev",
      "id": 345678,
      "login": "senior-dev",
      "node_id": "MDQ6VXNlcjM0NTY3OA==",
      "type": "User"
    }
  },
  "organization": {
    "avatar_url": "https://avatars.githubusercontent.com/u/111111",
    "description": "Building great software",
    "id": 111111,
    "login": "acme"
  },
  "repository": {
    "default_branch": "main",
    "full_name": "acme/project",
    "html_url": "https://github.com/acme/project",
    "id": 987654321,
    "name": "project",
    "node_id": "MDEwOlJlcG9zaXRvcnk5ODc2NTQzMjE=",
    "owner": {
      "avatar_url": "https://avatars.githubusercontent.com/u/111111",
      "html_url": "https://github.com/acme",
      "id": 111111,
      "login": "acme",
      "type": "Organization"
    },
    "private": false,
    "visibility": "public"
  },
  "sender": {
    "avatar_url": "https://avatars.githubusercontent.com/u/345678",
    "html_url": "https://github.com/senior-dev",
    "id": 345678,
    "login": "senior-dev",
    "node_id": "MDQ6VXNlcjM0NTY3OA==",
    "type": "User"
  }
}

View all Github workflows →