{"id":39569,"date":"2024-10-28T16:04:48","date_gmt":"2024-10-28T10:34:48","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=39569"},"modified":"2024-10-28T16:04:48","modified_gmt":"2024-10-28T10:34:48","slug":"integrate-your-custom-copilot-into-your-canvas-app-in-power-apps","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2024\/10\/integrate-your-custom-copilot-into-your-canvas-app-in-power-apps\/","title":{"rendered":"Integrate Your Custom Copilot into Your Canvas App in Power Apps"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone size-full wp-image-39576\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-in-power-apps-1-e1730111647499.png\" alt=\"Integrate Your Custom Copilot into Your Canvas App in power apps\" width=\"1400\" height=\"800\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-in-power-apps-1-e1730111647499.png 1400w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-in-power-apps-1-e1730111647499-300x171.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-in-power-apps-1-e1730111647499-1024x585.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-in-power-apps-1-e1730111647499-768x439.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-in-power-apps-1-e1730111647499-660x377.png 660w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.microsoft.com\/en-us\/microsoft-copilot\/microsoft-copilot-studio\" target=\"_blank\" rel=\"noopener\">Microsoft Copilot Studio<\/a> allows creators to build tailored Copilots powered by AI effortlessly. In a few simple steps, you can implement your custom Copilot across every screen of your <a href=\"https:\/\/www.inogic.com\/services\/microsoft-power-platform\/microsoft-power-apps-canvas-app\/\" target=\"_blank\" rel=\"noopener\">Canvas App<\/a> without changing its layout. This capability is available on both the web platform and the Power Apps mobile app, offering convenience in deploying AI-driven support within your applications.<\/p>\n<p style=\"text-align: justify;\">For detailed guidance on how to create your own custom <a href=\"https:\/\/www.inogic.com\/services\/ai-solutions\/microsoft-dynamics365-powerplatform-chatgpt-copilot-consulting-services\/\" target=\"_blank\" rel=\"noopener\">Copilot<\/a> using Microsoft Copilot Studio, please refer to the blog at <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-copilot-studio\/fundamentals-get-started?tabs=web\">this link<\/a>.<\/p>\n<p style=\"text-align: justify;\">Before diving into how to add a custom Copilot, let us first go over the key differences between App Copilot and the Copilot control in Canvas apps.<\/p>\n<ul style=\"text-align: justify;\">\n<li>The Copilot control requires makers to adjust the design of their canvas app to accommodate the control. It is only accessible on the web and allows users to ask questions about their data or connect with a new custom Copilot created in Copilot Studio.<\/li>\n<li>On the other hand, App Copilot does not require any design modifications. It is available on both web and mobile devices and can seamlessly integrate with pre-existing custom Copilots built-in Copilot Studio, making it simpler to use without altering the app&#8217;s layout.<\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><strong>Prerequisites:<\/strong><\/h2>\n<ol style=\"text-align: justify;\">\n<li><strong>Create a Custom Copilot<\/strong>: First, build your custom Copilot in Copilot Studio and ensure it is published in the same environment as your canvas app.<\/li>\n<li><strong>Setup User Authentication<\/strong>: Configure the custom Copilot to use Microsoft Entra ID for user authentication.<\/li>\n<li><strong>Grant Access<\/strong>: Provide the necessary permissions to both makers and users, allowing them to access the custom Copilot within the specified environment.<\/li>\n<\/ol>\n<h2 style=\"text-align: justify;\"><strong>Steps to Add App Copilot to Your Canvas App<\/strong><\/h2>\n<ol style=\"text-align: justify;\">\n<li><strong>Open Your App for Editing:<\/strong><\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul style=\"text-align: justify;\">\n<li>Start by opening your canvas app in <a href=\"https:\/\/make.powerapps.com\/\" target=\"_blank\" rel=\"noopener\">Power Apps <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ol style=\"text-align: justify;\" start=\"2\">\n<li><strong>Enable Copilot Feature:<\/strong><\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul style=\"text-align: justify;\">\n<li>From the command bar, go to Settings.<\/li>\n<li>Under Updates, navigate to the Preview tab.<\/li>\n<li>Enable the App Copilot feature from the app settings.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-39570 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1.png\" alt=\"Integrate Your Custom Copilot into Your Canvas App \" width=\"1919\" height=\"874\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1.png 1919w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1-300x137.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1-1024x466.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1-768x350.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1-1536x700.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-1-660x301.png 660w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/a><\/p>\n<ol style=\"text-align: justify;\" start=\"3\">\n<li><strong>Select Custom Copilot:<\/strong><\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul style=\"text-align: justify;\">\n<li>Once enabled, you will see a Copilot tab appear in the settings menu.<\/li>\n<li>Use the drop-down list to select the custom Copilot that has been published and shared within the same environment as your canvas app.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-39571 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2.png\" alt=\"Integrate Your Custom Copilot into Your Canvas App \" width=\"1919\" height=\"874\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2.png 1919w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2-300x137.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2-1024x466.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2-768x350.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2-1536x700.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-2-660x301.png 660w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/a><\/p>\n<ol style=\"text-align: justify;\" start=\"4\">\n<li><strong>Publish the App:<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify; padding-left: 40px;\">After selecting the Copilot, close the settings dialog box and publish your app.<\/p>\n<p style=\"text-align: justify; padding-left: 40px;\">Now, users will be able to interact with the App Copilot within the app.<\/p>\n<ol style=\"text-align: justify;\" start=\"5\">\n<li><strong>Previewing the App:<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify;\">When previewing the app in PowerApps Studio, the Copilot won&#8217;t be displayed. To view it in action, save and publish your app, then open it in Power Apps mobile or through a web browser.<br \/>\nTo use App Copilot in a web browser, run your canvas app, and you&#8217;ll see your custom Copilot appear in the top command bar.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-39572 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3.png\" alt=\"Integrate Your Custom Copilot into Your Canvas App \" width=\"1142\" height=\"873\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3.png 1142w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3-300x229.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3-1024x783.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3-768x587.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-3-660x505.png 660w\" sizes=\"(max-width: 1142px) 100vw, 1142px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">In Power Apps mobile on iOS or Android devices, you can access <strong>App Copilot<\/strong> by selecting the floating button that appears on the screen. You can move this button to any position that\u2019s convenient or dismiss it if needed.<\/p>\n<p style=\"text-align: justify;\">If you dismiss the button and want to bring it back, simply close the app and reopen it to regain access to App Copilot.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-39573 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4.png\" alt=\"Integrate Your Custom Copilot into Your Canvas App\" width=\"1625\" height=\"861\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4.png 1625w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4-300x159.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4-1024x543.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4-768x407.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4-1536x814.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4-660x350.png 660w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/10\/Integrate-Your-Custom-Copilot-into-Your-Canvas-App-4-380x200.png 380w\" sizes=\"(max-width: 1625px) 100vw, 1625px\" \/><\/a><\/p>\n<h2 style=\"text-align: justify;\"><strong>Conclusion<\/strong><\/h2>\n<p style=\"text-align: justify;\">Adding App Copilot to your canvas app improves user experience by providing easy access to AI assistance. With simple steps, you can enable it on both web and mobile platforms. This feature allows users to interact with custom Copilots, enhancing app functionality without major design changes.<\/p>\n<p><strong><div class=\"su-heading su-heading-style-default su-heading-align-center\" id=\"\" style=\"font-size:15px;margin-bottom:5px\"><div class=\"su-heading-inner\"> <\/strong><strong>Experience the power of Dynamics 365 and Power Platform with Copilot!<\/strong><\/p>\n<p><strong><\/div><\/div><\/strong><\/p>\n<p>Stay ahead with the latest updates in Copilot, integrating <a href=\"https:\/\/bit.ly\/45q16LG\">Microsoft Copilot<\/a> into your developments. Connect with us at <a href=\"mailto:crm@inogic.com\">crm@inogic.com<\/a> for personalized AI-enabled solutions tailored to your business needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft Copilot Studio allows creators to build tailored Copilots powered by AI effortlessly. In a few simple steps, you can implement your custom Copilot across every screen of your Canvas App without changing its layout. This capability is available on both the web platform and the Power Apps mobile app, offering convenience in deploying AI-driven\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2024\/10\/integrate-your-custom-copilot-into-your-canvas-app-in-power-apps\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1954,2746,44],"tags":[2956],"class_list":["post-39569","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","category-copilot","category-power-apps","tag-integrate-custom-copilot"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/39569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=39569"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/39569\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=39569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=39569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=39569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}