How to Embed a Copilot Studio Agent as a Popup in Power Apps?

(0) Share

Report

Posted on by MK-01100947-0

Hello everyone,

I have created a Copilot Studio agent, and I want to make it available in my Power Apps. Specifically, I want to embed it on a screen in my app so that it appears as a popup-style agent (similar to the screenshot I’ve attached).

Could someone guide me on how to embed a Copilot Studio agent in Power Apps and make it appear as a popup on a specific screen?

Any examples, steps, or best practices would be highly appreciated.

Thank you!

Categories:

Building Power Apps

_storage_emulated...

I have the same question (0)

All responses (4)

Answers (0)

Suggested answer

venturemavenwill 1,189 Super User 2025 Season 2 on at

Like (0)

Report
I am assuming you mean Canvas App and not something like Generative Pages in Power Pages

Popups in the Canvas App is essentially a container where you use a context variable to control its visibility

What you want to do is first create an empty container. In the container, you can drag in the Copilot Control, and add a button to close the container by setting the context variable like this

UpdateContext({varContextVariable: false})

Next, set the "Visible" parameter from true to the context variable (varContextVariable) and then create another button somewhere on the page that makes the popup variable true. In other words

UpdateContext({varContextVariable: true})

When the container is not visible, all the elements within the container are also hidden, so you will be able to customize the container

Was this reply helpful? Yes No
Youssef_Arouay 176 on at

Like (0)

Report

To show and hide your Copilot Studio agent in Power Apps, place the bot (using HTML Text control with the agent’s embed URL with <iframe> tag) inside a container, then control that container’s Visible property with a global variable.

For example, initialize Set(varShowBot, false) in the app’s OnStart to keep it hidden by default, set the container’s Visible property to varShowBot, add a “Chat” button with Set(varShowBot, true) to open it, and a close button inside the container with Set(varShowBot, false) to hide it again.

This gives you a simple popup-style chatbot that you can toggle on and off.

Was this reply helpful? Yes No
MK-01100947-0 6 on at

Like (0)

Report

Hello @Youssef.Ary,

Thank you for your reply.

I have tried your suggestion, but I’m not getting any output in my HTML control, as you can see in the image below:

I copied the <iframe> code, replaced the double quotes (") with single quotes ('), and then pasted it into the HTML Text property of my HTML control.

Was this reply helpful? Yes No
MK-01100947-0 6 on at

Like (0)

Report

Hello @venturemavenwill,

Thank you for your reply.

I tried your suggestion, but I’m encountering some issues while using the Copilot control:

Sometimes, when I ask the bot about knowledge it already has, it either doesn’t respond or replies with:

"Sorry, I don’t know that one yet, but I’m always learning."

Was this reply helpful? Yes No