|
| 1 | +--- |
| 2 | +title: Add a custom Copilot to a canvas app |
| 3 | +description: "Add a custom Copilot to a canvas app in Microsoft Power Apps." |
| 4 | +author: mduelae |
| 5 | +ms.topic: conceptual |
| 6 | +ms.custom: canvas |
| 7 | +ms.reviewer: |
| 8 | +ms.date: 7/8/2024 |
| 9 | +ms.subservice: canvas-maker |
| 10 | +ms.author: tapanm |
| 11 | +search.audienceType: |
| 12 | + - maker |
| 13 | +contributors: |
| 14 | + - mduelae |
| 15 | +--- |
| 16 | + |
| 17 | +# Add a custom Copilot to a canvas app |
| 18 | + |
| 19 | +\[This article is prerelease documentation and is subject to change.\] |
| 20 | + |
| 21 | +Microsoft Copilot Studio empowers makers to create their own custom Copilots with AI. In a few steps, you can add your custom Copilot across all your Canvas app screens without modifying your app's design. This feature is available on the web and natively on mobile devices. |
| 22 | + |
| 23 | +> [!NOTE] |
| 24 | +> App Copilot on Canvas is currently rolling out and might not yet be available in your region. |
| 25 | +
|
| 26 | +> [!IMPORTANT] |
| 27 | +> |
| 28 | +> - You must allow data movement across regions, for generative AI features, as a prerequisite to use copilots in Power Apps. This step is important if your organization and your environment are in different regions. For more information, see [Enable copilots and generative AI features](/power-platform/admin/geographical-availability-copilot\#enable-data-movement-across-regions). |
| 29 | +> - Preview features aren't meant for production use and might have restricted functionality. These features are available before an official release so that customers can get early access and provide feedback. |
| 30 | +> - For more information, go to our [preview terms](https://go.microsoft.com/fwlink/?linkid=2189520). |
| 31 | +
|
| 32 | +## What is the difference between App Copilot on Canvas apps and the Copilot control? |
| 33 | + |
| 34 | +**Copilot control** requires makers to update their application to make space for the control and is only available on the web. The control feature supports asking questions about your data or connecting to a new (not existing) custom copilot from Copilot Studio. |
| 35 | + |
| 36 | +**App Copilot** doesn't require updating the canvas app layout. App Copilot is available across web and natively on mobile devices and can connect to pre-existing custom Copilots created in Copilot Studio. |
| 37 | + |
| 38 | +## How to enable App Copilot |
| 39 | + |
| 40 | +### Prerequisites |
| 41 | + |
| 42 | +- Create a custom Copilot in [Copilot Studio](https://learn.microsoft.com/en-us/microsoft-copilot-studio/fundamentals-get-started?tabs=web) and publish it in the same environment as the app. |
| 43 | + |
| 44 | +- Configure the custom Copilot with [user authentication in Microsoft Entra ID](https://learn.microsoft.com/en-us/microsoft-copilot-studio/configuration-authentication-azure-ad). |
| 45 | + |
| 46 | +- [Give makers and users access](https://learn.microsoft.com/en-us/microsoft-copilot-studio/admin-share-bots?tabs=web) to the custom Copilot within the environment. |
| 47 | + |
| 48 | +## Connect your custom Copilot to your Canvas app |
| 49 | + |
| 50 | +In your Power Apps settings: |
| 51 | + |
| 52 | +1. Go to **Settings** > **Updates** > **Preview** and enable **Copilot from app settings**. |
| 53 | + |
| 54 | + :::image type="content" source="media/add-custom-copilot/enable-copilot-setting.png" alt-text="Screenshot that shows where you can enable Copilot settings." lightbox="media/add-custom-copilot/enable-copilot-setting.png"::: |
| 55 | + |
| 56 | +1. You see a new Copilot tab appear in **Settings**. Here, you can select a custom Copilot published and shared with you within the same environment as the app. |
| 57 | + |
| 58 | + :::image type="content" source="media/add-custom-copilot/copilot-tab.png" alt-text="Screenshot that shows the Copilot tab in Settings and where you can select an app that was shared with you." lightbox="media/add-custom-copilot/copilot-tab.png"::: |
| 59 | + |
| 60 | +1. Select the Copilot you want to connect then close the settings and publish the app for users to access App Copilot in the Canvas app. |
| 61 | + |
| 62 | +> [!TIP] |
| 63 | +> Removing the custom Copilot from the app disables the functionality. |
| 64 | +
|
| 65 | +## Use App Copilot in Canvas apps |
| 66 | + |
| 67 | +### On the web |
| 68 | + |
| 69 | +1. Open your app in Power Apps. |
| 70 | + |
| 71 | + :::image type="content" source="media/add-custom-copilot/open-copilot-web.png" alt-text="Screenshot that shows an open Copilot app."::: |
| 72 | + |
| 73 | +1. Open your custom Copilot with the Copilot icon in the top navigation bar. |
| 74 | + :::image type="content" source="media/add-custom-copilot/copilot-chat-in-app.png" alt-text="Screenshot that shows the Copilot chat in the app." lightbox="media/add-custom-copilot/copilot-chat-in-app.png"::: |
| 75 | + |
| 76 | +### On iOS and Android devices |
| 77 | + |
| 78 | +A floating button enables users to access App Copilot. Users can move the button around or dismiss it. Once dismissed, the button returns after closing then reopening the app. |
0 commit comments