Teams Adaptive Card Quick Templater

Card setup

Configure your card

Follow the three steps below. Your preview and JSON update as you edit.

1. Choose a template
2. Edit the fields
3. Review and copy JSON

1. Choose a starting template

2. Card title

Subtitle

Title colour

Key details

Add the key information needed for this card.

Advanced options and saved templates

Let people add a comment Adds a comment box to templates that collect a response Escape quotation marks in card text Usually leave this off. When on, quotation marks are written as \u0022. It still means the same text; most flows do not need this option.

Use this card in Power Automate

In your flow, add Post adaptive card and wait for a response. Paste the card JSON into that action.

After someone submits the card, use the action's response fields in later steps. Submit buttons also include an action name, such as Approve, so your flow can tell which button was chosen.

The preview only imitates a response. Test the card in Teams to check how your Teams client displays it and returns its inputs. A link button opens a web page; it does not send a card response.

Save cards for later

Cards are saved only in this browser.

Card name

Give this setup a name you will recognise.

To keep a separate version of a saved card, load it, change its name here, then save it.

Saved cards

Use this card replaces the current form and preview with the saved card you selected. Download backup saves an editable copy to your computer. Import backup opens an editable copy from your computer. For Power Automate, use Download JSON above.

Live preview

Teams card

Preview simulation

Teams · Approvals

Generated card JSON

Valid JSON · Adaptive Card 1.4. Test it in Teams before using it in a flow.

Check your card

Review before using in a flow

Learn the main parts of this card

TextBlock shows text. FactSet shows labelled details. Inputs collect answers.

Action.Submit sends the input answers and its data.action value to the flow. Use that value to identify the selected button.

Action.OpenUrl opens a link instead; it does not submit answers.