Adding Chatbot Agent from Copilot Studio to Power Apps Canvas App

Like (2) Share

Report

Posted on 23 Dec 2024 10:13:35 by CU23120950-0

Hi everyone,

I'm trying to add our chatbot agent from Copilot Studio to a Power Apps Canvas app. I remember seeing a tutorial about a year ago that demonstrated how to add a 'chatbot component' to the app. However, I can't seem to find this component or any updated instructions on how to do this now.

Has anyone successfully added a chatbot agent from Copilot Studio to their Power Apps Canvas app recently? If so, could you please share the steps or point me to any updated resources or tutorials?

Here's the link to the old tutorial I found: Video Link.

Thanks in advance for your help!

Categories:

Bot Framework

All responses (4)

Answers (0)

Suggested answer

Vinoth Selvam 1,527 Super User 2025 Season 1 on 26 Dec 2024 at 08:17:11

Like (1)

Report

Adding Chatbot Agent from Copilot Studio to Power Apps Canvas App

Hi CU23120950-0

Please follow the below link. It should work.

https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/add-ai-copilot?wt.mc_id=DX-MVP-5004680%3F

Also agree with the response from fchopo below.

Thanks.
Suggested answer

ShaneMeisnerTH 175 on 24 Dec 2024 at 15:25:58

Like (2)

Report

Adding Chatbot Agent from Copilot Studio to Power Apps Canvas App

We've spoken to Microsoft about the new options they have added, but they are in Preview and are not fully functional yet.

We use the "old" chatbot code to add our Copilot Agents to a Power App following the steps below:
Copy the Code below:

- Chatbot3:
Control: Chatbot
Properties:
EnvironmentId: ="REPLACE WITH YOUR ENVIRONMENT ID"
SchemaName: ="SELECT FROM THE APP"
Height: =602
Width: =555
X: =372
Y: =65

Create a Blank Canvas App.
Paste the Code into the Screen for your Power App:

Change the EnvironmentId to the EnvironmentId for your existing Copilot Agent:

Then click on the "Schema Name":

Then select your Copilot Agent:
fchopo 7,968 Super User 2025 Season 1 on 24 Dec 2024 at 11:18:31

Like (2)

Report

Adding Chatbot Agent from Copilot Studio to Power Apps Canvas App

Hi,

The chatbot component has been renamed to Copilot. Please, follow the steps here to add this control to your canvas app.

Currently, you have two options:

1. Add the Copilot component into your canvas app.

2. Link the Canvas App to a Copilot, but without modifying app's layout (@artur stepniak 's solution).

Hope it helps!

Ferran
Suggested answer

Artur Stepniak 1,526 Super User 2025 Season 1 on 24 Dec 2024 at 08:10:11

Like (1)

Report

Adding Chatbot Agent from Copilot Studio to Power Apps Canvas App

Hello,

I also don't see this component in the designer, so it means that it was deleted. The only option to use a custom copilot in the canvas app is to use this setting:

You can then use it when playing the app and clicking on the Copilot icon in the upper right corner (see screenshot).

In case of any other questions, let me know. If the answer helped you, mark it, so that others can benefit from it.

Best regards,

Artur Stepniak

Interested in GenAI? Visit my site!