Color your chatbot conversation with cards

1. Color your chatbot
conversation with cards
Samik Roy
Senior Developer
Born In The Cloud
@roy_Samik
https://www.linkedin.com/in/roysamik/
samik.n.roy@gmail.com

2. Agenda
• Why Rich cards
• When to choose what
• The Demo followed by Q&A

3. Why Rich cards
Only conversation, sometimes a
one way communication.
Gathers necessary information
from the User.
Gives options to choose.

4. When to choose what
Card Type When to Choose
Adaptive Card Need to show any combination of text, speech, images,
buttons, and input fields.
Animation Card Need to play animated GIFs or short videos.
Audio Card Need to play an audio file.
Hero Card In need of a single large image, one or more buttons, and
text.
SignIn Card Needed for a sign-in process.
Video Card Need to play videos.

5. Card Type When to Choose
Thumbnail Card Need to show a single thumbnail image, one or more
buttons, and text.
Receipt Card Need to provide a receipt to the user. It typically contains
the list of items to include on the receipt, tax and total
information, and other text.
Some More…

6. Demo
A journey of a thousand miles begins with a single step.

7. Getting Started
https://docs.microsoft.com/en-us/azure/bot-
service/?view=azure-bot-service-4.0
Plenty of samples in GitHub
https://github.com/Microsoft/BotBuilder-
Samples/blob/master/README.md
References
https://docs.microsoft.com/en-us/azure/bot-service/dotnet/bot-
builder-dotnet-add-rich-card-attachments?view=azure-bot-service-
3.0
Set up
https://www.youtube.com/watch?v=Ep_EsqESdNw
Useful Links

8. QnA

9. Thank you