{"id":23199,"date":"2020-03-30T11:57:00","date_gmt":"2020-03-30T11:57:00","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=23199"},"modified":"2020-03-31T02:14:32","modified_gmt":"2020-03-31T02:14:32","slug":"embedding-canvas-power-apps-to-microsoft-teams","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2020\/03\/embedding-canvas-power-apps-to-microsoft-teams\/","title":{"rendered":"Embedding Canvas Power Apps to Microsoft Teams"},"content":{"rendered":"<p>In our previous <a href=\"https:\/\/www.inogic.com\/blog\/2020\/03\/embedding-canvas-apps-within-model-driven-apps-power-apps-portal-power-bi-and-custom-websites\/\" target=\"_blank\" rel=\"noopener noreferrer\">post<\/a>, we saw various apps to which a canvas app can be added. In continuation to this, here is another application where the canvas app can be easily added &#8211; Microsoft Teams.<\/p>\n<p>Moreover, to ease the process of adding canvas apps to teams, you now have an option right there i.e. \u2018Add to Teams\u2019.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23200\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/1Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png\" alt=\"Embedding Canvas Power Apps to Microsoft Teams\" width=\"2076\" height=\"1190\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/1Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png 2076w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/1Embedding-Canvas-Power-Apps-to-Microsoft-Teams-300x172.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/1Embedding-Canvas-Power-Apps-to-Microsoft-Teams-768x440.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/1Embedding-Canvas-Power-Apps-to-Microsoft-Teams-1024x587.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/1Embedding-Canvas-Power-Apps-to-Microsoft-Teams-660x378.png 660w\" sizes=\"(max-width: 2076px) 100vw, 2076px\" \/><\/p>\n<p>This will let you download the app in a compressed zip file format.<\/p>\n<p>You can then add this app to Teams in the following way:<\/p>\n<p>Navigate to Teams \u2014&gt; Apps \u2014&gt; Upload a custom app.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23201\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/2Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png\" alt=\"Embedding Canvas Power Apps to Microsoft Teams\" width=\"408\" height=\"780\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/2Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png 684w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/2Embedding-Canvas-Power-Apps-to-Microsoft-Teams-157x300.png 157w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/2Embedding-Canvas-Power-Apps-to-Microsoft-Teams-535x1024.png 535w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/2Embedding-Canvas-Power-Apps-to-Microsoft-Teams-660x1264.png 660w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/p>\n<p>With the App added to Teams, this is now available to individual members which they can add to their channels.<\/p>\n<p>For this, they need to navigate to Apps \u2014&gt; Built for &lt;org&gt; to find the custom apps designed for their orgs.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23203\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/3Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png\" alt=\"Embedding Canvas Power Apps to Microsoft Teams\" width=\"730\" height=\"773\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/3Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png 1246w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/3Embedding-Canvas-Power-Apps-to-Microsoft-Teams-283x300.png 283w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/3Embedding-Canvas-Power-Apps-to-Microsoft-Teams-768x814.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/3Embedding-Canvas-Power-Apps-to-Microsoft-Teams-967x1024.png 967w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/3Embedding-Canvas-Power-Apps-to-Microsoft-Teams-660x699.png 660w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/p>\n<p>Now, click on the app to bring up the option to add it to a team and channel.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23204\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/4Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png\" alt=\"Embedding Canvas Power Apps to Microsoft Teams\" width=\"1246\" height=\"1320\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/4Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png 1246w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/4Embedding-Canvas-Power-Apps-to-Microsoft-Teams-283x300.png 283w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/4Embedding-Canvas-Power-Apps-to-Microsoft-Teams-768x814.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/4Embedding-Canvas-Power-Apps-to-Microsoft-Teams-967x1024.png 967w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/4Embedding-Canvas-Power-Apps-to-Microsoft-Teams-660x699.png 660w\" sizes=\"(max-width: 1246px) 100vw, 1246px\" \/><\/p>\n<p>Next, choose the team or channel.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23205\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png\" alt=\"Embedding Canvas Power Apps to Microsoft Teams\" width=\"1896\" height=\"1320\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png 1896w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams-300x209.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams-768x535.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams-1024x713.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams-660x459.png 660w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/5Embedding-Canvas-Power-Apps-to-Microsoft-Teams-200x140.png 200w\" sizes=\"(max-width: 1896px) 100vw, 1896px\" \/><\/p>\n<p>And there you go.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23206\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png\" alt=\"Embedding Canvas Power Apps to Microsoft Teams\" width=\"1896\" height=\"1320\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams.png 1896w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams-300x209.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams-768x535.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams-1024x713.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams-660x459.png 660w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2020\/03\/6Embedding-Canvas-Power-Apps-to-Microsoft-Teams-200x140.png 200w\" sizes=\"(max-width: 1896px) 100vw, 1896px\" \/><\/p>\n<blockquote><p>Note: Users accessing the app should be licensed for PowerApps and appropriate permissions to underlying data in Dynamics 365 CRM.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our previous post, we saw various apps to which a canvas app can be added. In continuation to this, here is another application where the canvas app can be easily added &#8211; Microsoft Teams. Moreover, to ease the process of adding canvas apps to teams, you now have an option right there i.e. \u2018Add\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2020\/03\/embedding-canvas-power-apps-to-microsoft-teams\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":23207,"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,19,38,44,2029,1985],"tags":[1867,1170,1945,1882],"class_list":["post-23199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canvas-apps","category-dynamics-crm","category-microsoft-powerapps","category-power-apps","category-microsoft-teams","category-power-automate","tag-canvas-app","tag-microsoft-powerapps","tag-microsoft-teams","tag-powerapps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/23199","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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=23199"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/23199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media\/23207"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=23199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=23199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=23199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}