{"id":32107,"date":"2022-07-08T16:25:15","date_gmt":"2022-07-08T10:55:15","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=32107"},"modified":"2023-05-31T17:55:20","modified_gmt":"2023-05-31T12:25:20","slug":"two-easy-ways-to-embed-model-driven-apps-in-microsoft-teams","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/07\/two-easy-ways-to-embed-model-driven-apps-in-microsoft-teams\/","title":{"rendered":"Two easy ways to embed Model-driven apps in Microsoft Teams"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>In our previous <a href=\"https:\/\/www.inogic.com\/blog\/2020\/03\/embedding-canvas-power-apps-to-microsoft-teams\/\" target=\"_blank\" rel=\"noopener\">blog<\/a>, we saw the process of adding Canvas apps to Teams. In that, the user can share the Canvas app by embedding it directly into Microsoft Teams (using the option <strong>Add to Teams <\/strong>in Power Apps).<\/p>\n<p>Now, in this blog, we will see how to share a Model-driven app by embedding it directly into Microsoft Teams. The main purpose of this feature is to share the apps within the teams so that any user\/team members can also work on the same as per the requirement of the organization. Users can add the model-driven app as a <strong>Tab app<\/strong> or <strong>personal app<\/strong> in Teams.<\/p>\n<p><strong>Embed a model-driven app as a personal app in Teams:<\/strong><\/p>\n<p><strong>1.<\/strong> Log in to <a href=\"https:\/\/make.powerapps.com\/\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a> &#8211;&gt; Go to Apps in the menu (as shown below screenshot):<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32098\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/1Model-Driven-App-1.jpeg\" alt=\"Model-Driven App\" width=\"417\" height=\"227\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/1Model-Driven-App-1.jpeg 417w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/1Model-Driven-App-1-300x163.jpeg 300w\" sizes=\"(max-width: 417px) 100vw, 417px\" \/><\/p>\n<p><strong>2.<\/strong> Select the model-driven app you wanted to share (user can select system apps or custom apps) &#8211;&gt; Select <strong>More actions<\/strong>(&#8230;) &#8211;&gt; Select\u00a0<strong>Add to Teams<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32099\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/2model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"721\" height=\"557\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/2model-driven-app-1.jpeg 721w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/2model-driven-app-1-300x232.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/2model-driven-app-1-660x510.jpeg 660w\" sizes=\"(max-width: 721px) 100vw, 721px\" \/><\/p>\n<p>3. After selecting <strong>Add to Teams, one panel opens on the <\/strong>right side of the screen as shown in the below screenshot:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32100\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/3model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"478\" height=\"830\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/3model-driven-app-1.jpeg 478w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/3model-driven-app-1-173x300.jpeg 173w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/p>\n<p><strong>Note<\/strong>: In this blog, I skipped Advance settings, because it\u2019s optional.<\/p>\n<p><strong>4.<\/strong> Select <strong>Add to Teams <\/strong>to add the app as a personal app. Next, user will be asked to open Teams. (Refer below screenshot).<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32101\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/4model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"1446\" height=\"798\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/4model-driven-app-1.jpeg 1446w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/4model-driven-app-1-300x166.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/4model-driven-app-1-1024x565.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/4model-driven-app-1-768x424.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/4model-driven-app-1-660x364.jpeg 660w\" sizes=\"(max-width: 1446px) 100vw, 1446px\" \/><\/p>\n<p><strong>Embed a model-driven app as a tab within an existing channel or conversation in Teams:<\/strong><\/p>\n<p>You can also add the app as a tab within an existing channel or conversation by using the \u201c<strong>Download App<\/strong>\u201d option. This will download the app in a compressed zip file format. You can now upload that zip file in teams by using the below steps:<\/p>\n<p><strong>1.<\/strong> Select the model-driven app you wanted to share&#8211;&gt; In<strong>More actions<\/strong>(&#8230;), select\u00a0<strong>Add to Teams&#8211;&gt; Click on \u201cDownload App\u201d&#8211;&gt; <\/strong>Compressed zip file is downloaded.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32102\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/5model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"1442\" height=\"797\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/5model-driven-app-1.jpeg 1442w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/5model-driven-app-1-300x166.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/5model-driven-app-1-1024x566.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/5model-driven-app-1-768x424.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/5model-driven-app-1-660x365.jpeg 660w\" sizes=\"(max-width: 1442px) 100vw, 1442px\" \/><\/p>\n<p>You can see the downloaded zip file in the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32103\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/6model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"1444\" height=\"797\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/6model-driven-app-1.jpeg 1444w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/6model-driven-app-1-300x166.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/6model-driven-app-1-1024x565.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/6model-driven-app-1-768x424.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/6model-driven-app-1-660x364.jpeg 660w\" sizes=\"(max-width: 1444px) 100vw, 1444px\" \/><\/p>\n<p><strong>2.<\/strong> Log in to the Microsoft teams &#8211;&gt; Select <strong>Apps<\/strong> &#8211;&gt; Click on <strong>manage your Apps<\/strong> option &#8211;&gt; Click on \u201cUpload an app\u201d, to upload the app compressed zip file.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32104\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/7model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"1446\" height=\"789\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/7model-driven-app-1.jpeg 1446w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/7model-driven-app-1-300x164.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/7model-driven-app-1-1024x559.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/7model-driven-app-1-768x419.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/7model-driven-app-1-660x360.jpeg 660w\" sizes=\"(max-width: 1446px) 100vw, 1446px\" \/><\/p>\n<p><strong>3.<\/strong> Select \u201c<strong>Upload an app to your org\u2019s app catalog<\/strong>\u201d&#8211;&gt; Upload the compressed zip file you want to upload.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32105\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/8model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"621\" height=\"370\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/8model-driven-app-1.jpeg 621w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/8model-driven-app-1-300x179.jpeg 300w\" sizes=\"(max-width: 621px) 100vw, 621px\" \/><\/p>\n<p><strong>4.<\/strong> You can add the app to the Teams as per the organization\u2019s need. Moreover, you can also use the dropdown menu to add the app to a Team or chat. (Refer to the below screenshot for detailed understanding)<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32106\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/9model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"901\" height=\"717\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/9model-driven-app-1.jpeg 901w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/9model-driven-app-1-300x239.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/9model-driven-app-1-768x611.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/9model-driven-app-1-660x525.jpeg 660w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/p>\n<p><strong>5.<\/strong> Here, I want to add my custom app in team, so I have selected \u201c<strong>Add to a team<\/strong>\u201d. Next, I have selected team or channel name, as shown in the below screenshot:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32096\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/10model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"899\" height=\"718\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/10model-driven-app-1.jpeg 899w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/10model-driven-app-1-300x240.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/10model-driven-app-1-768x613.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/10model-driven-app-1-660x527.jpeg 660w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/p>\n<p><strong>6.<\/strong> Click on \u201c<strong>Set up a tab<\/strong>\u201d \u00e0 Your app is now available to use in the channel as shown in the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32097\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/11model-driven-app-1.jpeg\" alt=\"model-driven app\" width=\"1446\" height=\"795\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/11model-driven-app-1.jpeg 1446w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/11model-driven-app-1-300x165.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/11model-driven-app-1-1024x563.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/11model-driven-app-1-768x422.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/11model-driven-app-1-660x363.jpeg 660w\" sizes=\"(max-width: 1446px) 100vw, 1446px\" \/><\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>Embedding a model-driven app in Microsoft teams makes it easier and more convenient for users. It saves a considerable amount of their time and effort.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/product\/productivity-apps\/add-manage-schedule-notifications-alerts-4-dynamics-365-crm\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-32109\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/A4D.jpg\" alt=\"\" width=\"832\" height=\"208\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/A4D.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/A4D-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/A4D-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/07\/A4D-660x165.jpg 660w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction In our previous blog, we saw the process of adding Canvas apps to Teams. In that, the user can share the Canvas app by embedding it directly into Microsoft Teams (using the option Add to Teams in Power Apps). Now, in this blog, we will see how to share a Model-driven app by embedding\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/07\/two-easy-ways-to-embed-model-driven-apps-in-microsoft-teams\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"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":[2029,2576,2361],"tags":[1945,2028],"class_list":["post-32107","post","type-post","status-publish","format-standard","hentry","category-microsoft-teams","category-model-driven-app","category-technical","tag-microsoft-teams","tag-model-driven-apps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/32107","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=32107"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/32107\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=32107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=32107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=32107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}