Create Incoming Webhooks

An Incoming Webhook lets external applications share content in Microsoft Teams channels. The webhooks are used as tools to track and notify. The webhooks provide a unique URL to send a JSON payload with a message in card format. Cards are user interface containers that include content and actions related to a single article. You can use cards in the following capabilities:

  • Bots
  • Message extensions
  • Connectors

Note

Key features of Incoming Webhooks

The following table provides the features and description of an Incoming Webhook:

Features Description
Adaptive Cards using an Incoming Webhook Adaptive Cards can be sent through Incoming Webhooks. For more information, see Send Adaptive Cards using Incoming Webhooks.
Actionable messaging support Actionable message cards are supported in all Microsoft 365 groups including Teams. If you send messages through cards, you must use the actionable message card format. For more information, see Legacy actionable message card reference and message card playground.
Independent HTTPS messaging support Cards provide information clearly and consistently. Any tool or framework that can send HTTPS POST requests can send messages to Teams through an Incoming Webhook.
Markdown support All text fields in actionable messaging cards support basic Markdown. Don't use HTML markup in your cards. HTML is ignored and treated as plain text.
Scoped configuration An Incoming Webhook is scoped and configured at the channel level.
Secure resource definitions Messages are formatted as JSON payloads. This declarative messaging structure prevents the insertion of malicious code.

Note

  • Teams bots, message extensions, Incoming Webhook, and the Bot Framework support Adaptive Cards. Adaptive Card is an open cross-card platform framework that is used in all platforms such as Windows, Android, iOS, and so on. Currently, Teams connectors don't support Adaptive Cards. However, it is possible to create a flow that posts Adaptive Cards to a Teams channel.
  • For more information on cards and webhooks, see Adaptive cards and Incoming Webhooks.

Create an Incoming Webhook

To add an Incoming Webhook to a Teams channel, follow these steps:

  1. In the New Teams client, select Teams and navigate to the channel where you want to add an Incoming Webhook.

  2. Select More options ••• on the right side of the channel name.

  3. Select Manage channel.

    Screenshot shows the Manage channel option under More options for Teams 2.1.

  4. Select Edit.

    Screenshot shows the edit option under Connectors option to add an Incoming Webhook.

  5. Search for Incoming Webhook and select Add.

    Screenshot shows the Add option to add an Incoming Webhook.

    The Incoming Webhook dialog appears.

  6. Select Add.

    Screenshot shows the Add option in the Incoming Webhook dialog.

    Note

    If you’ve already added an Incoming Webhook, the Configure option appears. Select Configure to create an Incoming Webhook.

  7. Provide a name for the webhook and upload an image if necessary.

  8. Select Create.

    Screenshot shows the name and image fields to be filled to create the webhook.

  9. Copy and save the unique webhook URL present in the dialog. The URL maps to the channel and you can use it to send information to Teams.

  10. Select Done. The webhook is now available in the Teams channel.

    Screenshot shows the unique webhook URL.

The following graphical representation provides the steps to create an Incoming Webhook:

The graphical representation shows the steps to create an Incoming Webhook.

Important

You can build a notification bot Teams app using Teams Toolkit other than an Incoming Webhook. They perform similarly but notification bot has more functionalities. For more information, see Build notification bot with JavaScript or Incoming Webhook notification sample.

You can create and send actionable messages through an Incoming Webhook or connector for Microsoft 365 Groups. For more information, see create and send messages.

Note

In Teams, select Settings > Member permissions > Allow members to create, update, and remove connectors, so that any team member can add, modify, or delete a connector.

Example

Sample code reference

var adaptiveCardJson = @"{
  ""type"": ""message"",
  ""attachments"": [
    {
      ""contentType"": ""application/vnd.microsoft.card.adaptive"",
      ""content"": {
        ""type"": ""AdaptiveCard"",
        ""body"": [
          {
            ""type"": ""TextBlock"",
            ""text"": ""Message Text""
          }
        ],
        ""$schema"": ""http://adaptivecards.io/schemas/adaptive-card.json"",
        ""version"": ""1.0""
      }
    }
  ]
}";

var webhookUrl = "https://xxxxx.webhook.office.com/xxxxxxxxx";

var client = new HttpClient();
client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));

var content = new StringContent(adaptiveCardJson, System.Text.Encoding.UTF8, "application/json");
var response = await client.PostAsync(webhookUrl, content);

Remove Incoming Webhooks

To remove an Incoming Webhook from a Teams channel, follow these steps:

  1. In the New Teams client, select the Teams icon and navigate to the channel where you want to remove an Incoming Webhook.

  2. Select More options ••• on the right side of the channel name.

  3. Select Manage channel.

    Screenshot shows the Manage channel option under More options.

  4. Select Edit.

    Screenshot shows the edit option under Connectors option.

  5. In the left pane, select Configured.

  6. Under Incoming Webhook, select 1 Configured.

    Screenshot shows how to configure to see list of your current connectors.

  7. Select Manage.

    Screenshot shows how to manage for connector that you want to remove.

  8. Select Remove.

    Select remove

    The Remove Configuration dialog appears.

  9. Select the required checkboxes.

  10. Select Remove.

    Screenshot shows how to remove an Incoming Webhook from Teams channel.

The webhook is now removed from the Teams channel.

Code sample

Sample name Description .NET Node.js
Incoming Webhook This sample shows how to implement and use an Incoming Webhook. View View

See also