Embed Copilot studio / ChatBot into Canvas Apps
Use Case:
Copilot studio based ChatBot built using Generative AI, prompt and Open AI services to provide users with necessary data via natural language conversation.
Business Value:
- User friendly canvas apps integrated with ChatBot.
- Plug your AI ChatBot into your canvas apps for users to consume easily.
Field Use Cases:
- Intelligent ChatBot: Natural language chat interactions against your data to provide relevant results.
Solution Stack:
Microsoft Power Platform | AI Hub |GPT |Copilot Studio | Prompts
Steps to embed ChatBot into Canvas App:
- Go to https://make.powerapps.com
- Make sure you enable the Chatbot component in the upcoming features settings
- Ensure if the environment has this premium/new feature enabled. USA & USA_Preview environment does has these preview features at the time of this document creation.
- Open Canvas Apps
- Insert Blank Screen
- Go to Menu → Insert
- Choose ChatBot Preview
Ensure you already have the Chatbot built that is relevant to be added to a canvas app.
In this case, I will be integrating supermarket agent chatbot built using copilot studio / AI features. Once you add the Chatbot from menu item, go ahead to select the chatbot. In the previous version, you will have to update the schema details of the chatbot but it isn’t necessary with latest updates.
- Below is a sample canvas app. As you can see on the left side, the chatbot is added and connected for use.
- Save the canvas app and re-publish the app. Do ensure the users has access to the canvas app and to the chatbot to access the features.
Below are some of the interactions with chatbot and results rendered by AI features:
