How to Use Adaptive Cards in Power Automate

What Are Adaptive Cards?

Adaptive Cards are a flexible and interactive UI framework used to create rich, dynamic messages in Microsoft platforms like Teams, Outlook, and Power Automate. They allow users to input data, trigger actions, and interact with workflows.

Where Can You Use Adaptive Cards in Power Automate?

You can send Adaptive Cards in:
Microsoft Teams (Chat, Channels, Approvals)
Outlook Actionable Messages
Power Virtual Agents
Other Microsoft 365 apps

Steps to Use Adaptive Cards in Power Automate

1️⃣ Design Your Adaptive Card

Use the Adaptive Card Designer: Adaptive Cards Designer
Select a template or create a custom JSON card

2️⃣ Add an “Adaptive Card” Action in Power Automate

Open Power Automate
Create a new flow (Automated, Instant, or Scheduled)
Add an action: “Post adaptive card and wait for a response” (for Teams)
OR use “Send an email with an Adaptive Card” (for Outlook)

3️⃣ Paste the Adaptive Card JSON

Copy the JSON from Adaptive Cards Designer
Paste it into the Power Automate Adaptive Card action

4️⃣ Configure Dynamic Content (Optional)

Modify the JSON to include dynamic data from previous steps
Example: Replace "title": "Task Reminder" with "title": "@{variables('TaskTitle')}"

5️⃣ Run and Test the Flow

Trigger the flow manually or based on a condition
Ensure the Adaptive Card is displayed in Teams/Outlook
Collect responses and process them in Power Automate

Example: Adaptive Card JSON for Teams

{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "text": "Task Reminder",
      "weight": "Bolder",
      "size": "Medium"
    },
    {
      "type": "TextBlock",
      "text": "You have a pending task:",
      "wrap": true
    },
    {
      "type": "TextBlock",
      "text": "**Task Name:** Review Project Proposal",
      "wrap": true
    },
    {
      "type": "Input.Text",
      "id": "comments",
      "placeholder": "Add your comments here..."
    }
  ],
  "actions": [
    {
      "type": "Action.Submit",
      "title": "Submit Response"
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.4"
}

Use Case: This card reminds users about a task and allows them to submit comments.

Key Benefits of Using Adaptive Cards in Power Automate

Rich UI: Format text, buttons, and inputs dynamically
Interactive: Collect responses using forms, buttons, and inputs
Seamless Integration: Works with Teams, Outlook, and other Microsoft 365 apps
Dynamic Content: Customize content based on flow data