This guide walks through setting up an Adaptive Card in a Microsoft Teams webhook workflow to receive Noibu alert notifications directly in a Teams channel.
Prerequisites
- Access to a Microsoft Teams workspace with permissions to manage connectors/workflows
- Access to Microsoft Power Automate (or the Teams Workflows app)
Step 1: Create an Incoming Webhook Workflow in Teams
1.1 Navigate to the Teams Channel
1.2 Create a New Workflow
Follow this documentation to create a Webhook triggered workflow.
1.4 Copy the Webhook URL
After creating the workflow, copy the generated webhook URL. This will be used in the Noibu console.
Step 2: Add the Adaptive Card to the workflow
2.1 Add the option “Post card in a chat or channel” to your workflow
2.2 Configure the required fields as you wish
2.3 Modify Adaptive Card body
In the “Adaptive Card” field, paste the following and modify the highlighted fields to reflect the domain that you are configuring the workflow for:
{
"type": "AdaptiveCard",
"$schema": "<http://adaptivecards.io/schemas/adaptive-card.json>",
"version": "1.5",
"body": [
{
"type": "TextBlock",
"text": "New Noibu Alert for {{ Domain Name }}",
"weight": "Bolder",
"size": "Large",
"wrap": true
},
{
"type": "TextBlock",
"text": "A new issue has been identified in Noibu. To view your alerts and see the issue, navigate to your alert history.",
"wrap": true,
"spacing": "Medium"
}
],
"actions": [
{
"type": "Action.OpenUrl",
"title": "View Alert History",
"url": "<https://console.noibu.com/>{{ Domain ID }}/alerts/alert-history"
}
],
"msteams": {
"width": "Full"
}
}
Make sure to update the Domain Name to be the same as the domain that these alerts are being configured for in order to avoid confusion about the source of your alerts.
Your Domain ID can be found after the first “/” in your Noibu console URL; eg: https://console.noibu.com/401546f9-6483-43c2-abcde-82fd00ea123
Step 3: Configure the Webhook in the Noibu Console
3.1 Log into Noibu and open the Domains module under Settings.
3.2 Select a domain.
3.3 Paste the generated webhook url into the Notification URL input and save.
Step 4: Test the Integration
4.1 Trigger a test alert from the Noibu console
4.2 Verify the Adaptive Card renders correctly in the Teams channel
References
- Adaptive Card Designer — visual tool for building and previewing Adaptive Cards
- Adaptive Card Schema Reference — full schema documentation
- Microsoft Teams Workflow Webhooks Documentation