{"id":15899,"date":"2023-10-25T10:14:11","date_gmt":"2023-10-25T17:14:11","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=15899"},"modified":"2023-10-25T10:14:11","modified_gmt":"2023-10-25T17:14:11","slug":"boost-your-apps-visibility-and-engagement-in-microsoft-365","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/boost-your-apps-visibility-and-engagement-in-microsoft-365\/","title":{"rendered":"Boost your app\u2019s visibility and engagement in Microsoft 365"},"content":{"rendered":"<p>For app developers, Microsoft 365 offers a rich platform for building and delivering engaging experiences to millions of users. Whether you are creating apps for Teams, Outlook, or the Microsoft 365 app, you want your creations to be easily accessible and useful for your customers. That&#8217;s why we are constantly working on new features and capabilities that empower you to create apps that integrate seamlessly with the Microsoft 365 ecosystem. In this blog post, we will introduce you to some of the latest features that can help you boost your app&#8217;s visibility and engagement across Microsoft 365.<\/p>\n<h2>Content Actions\u00a0in the Microsoft 365 app<\/h2>\n<p><div style=\"width: 1920px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-15899-1\" width=\"1920\" height=\"1080\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/ActionsPrivatePreviewIntroVideo_v2-1.mp4?_=1\" \/><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/ActionsPrivatePreviewIntroVideo_v2-1.mp4\">https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/ActionsPrivatePreviewIntroVideo_v2-1.mp4<\/a><\/video><\/div><\/p>\n<p>We are excited to announce the private preview of Actions, a new element for building Teams apps that run across the Microsoft 365 ecosystem. As a developer, you can build Actions that enable your customers to complete tasks with less context switching across multiple applications, increasing their productivity. Actions aim to integrate your app into your user&#8217;s workflow by enabling easy discoverability and seamless interaction with their content. By directing users to your app with their intent and contextual content, Actions enable efficient task completion. This integration not only enhances the visibility and engagement of your app but also offers these benefits with minimal development effort.<\/p>\n<p>In this private preview, we are lighting up Actions on content within the Microsoft 365 app, opening up new ways for your customers to discover and interact with your app.<\/p>\n<p>In\u202fthe Microsoft 365 app, users can right click on a file and see your actions in the context menu.<\/p>\n<p><img decoding=\"async\" width=\"624\" height=\"288\" class=\"wp-image-15900\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-10.png\" alt=\"A screenshot of a computer Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-10.png 624w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-10-300x138.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<p>Clicking on the action, users can complete a task right within the dialog.<\/p>\n<p><img decoding=\"async\" width=\"624\" height=\"288\" class=\"wp-image-15901\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-11.png\" alt=\"A screenshot of a computer Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-11.png 624w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-11-300x138.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<p>Another scenario is that user right clicks on a excel file, see custom actions in the context menu.<\/p>\n<p><img decoding=\"async\" width=\"624\" height=\"288\" class=\"wp-image-15902\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-12.png\" alt=\"A screenshot of a computer Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-12.png 624w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-12-300x138.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<p>Clicking on that, the app opens inside Microsoft 365, with the file brought in through context.<\/p>\n<p><img decoding=\"async\" width=\"624\" height=\"284\" class=\"wp-image-15903\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-13.png\" alt=\"A screenshot of a computer Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-13.png 624w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-computer-description-automatica-13-300x137.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<h3>How to build actions?<\/h3>\n<p>To add actions to your existing Teams app takes 3 simple steps:<\/p>\n<p>Step1: Define Actions in the manifest<\/p>\n<p>Step2: Retrieve Action information through context object<\/p>\n<p>Step3: Access content object through Graph API<\/p>\n<p>Sample manifest node:<\/p>\n<p><code>\"actions\": [\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 {\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0 \"id\": \"addToSuppliers\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0 \"displayName\": \"Add to suppliers\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0 \"intent\": \"addTo\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0 \"description\": \"Attach this file to a supplier in the manifest\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0 \"handlers\": [\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"type\": \"openDialog\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"supportedObjects\": {\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"file\": {\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"extensions\": [\"xlsx\", \"doc\", \"docx\", \"pdf\", \"pptx\", \"ppt\"]\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 },\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"dialogInfo\": {\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"dialogType\": \"url\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"url\": \"https:\/\/dialog_page_url\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"width\": \"small\",\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"height\": \"large\"\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0 ]\u00a0<\/code><\/p>\n<p><code>\u00a0\u00a0\u00a0 }\u00a0<\/code><\/p>\n<p><code>\u00a0 ],\u00a0<\/code><\/p>\n<p>To get detailed instructions, sample code, video tutorials. Please join our private preview.<\/p>\n<h3>Join Actions private preview today<\/h3>\n<p>If you&#8217;re interested in joining this early private preview to be one of our first partners to try Actions and share your experience, please complete this form: <a href=\"https:\/\/aka.ms\/ActionsPreview\" target=\"_blank\" rel=\"noopener\">https:\/\/aka.ms\/ActionsPreview<\/a><\/p>\n<h2>General availability of launch pages in Microsoft 365 iOS and Android app<\/h2>\n<p>We are also happy to announce the general availability of Teams apps on the Microsoft 365 app (previously known as \u2018Office\u2019) iOS app. You can also use <a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/microsoft-teams-apps-are-now-generally-available-on-microsoft-365-android-app\/\" target=\"_blank\" rel=\"noopener\">this feature on the Microsoft 365 Android app<\/a> (version 16.0.16130.20156 and above).<\/p>\n<p>To access Teams apps on your mobile devices, you need to use the Microsoft TeamsJS v2 SDK and <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/resources\/schema\/manifest-schema\" target=\"_blank\" rel=\"noopener\">Teams App manifest<\/a> (version 1.13) when building your apps. You can find your Teams apps under the \u201cApps\u201d menu in the Microsoft 365 iOS and Android app.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-15904 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-phone-description-automatically-472x1024.jpeg\" alt=\"A screenshot of a phone UI with Apps Menu in Microsoft 365 app\u00a0 Description automatically generated\" width=\"472\" height=\"1024\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-phone-description-automatically-472x1024.jpeg 472w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-phone-description-automatically-138x300.jpeg 138w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/a-screenshot-of-a-phone-description-automatically.jpeg 615w\" sizes=\"(max-width: 472px) 100vw, 472px\" \/><\/p>\n<p>This feature enables you to reach a wider audience of Microsoft 365 users and create engaging mobile scenarios with a single codebase. To read more about how to create and run a Teams personal tab app across Microsoft 365, please refer <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-365\/admin\/manage\/test-and-deploy-microsoft-365-apps?view=o365-worldwide#manage-apps-in-the-integrated-apps-portal\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n<p>You can explore apps like Power BI and many others, such as Adobe Acrobat Sign, Priority Matrix and Mural, that are available in the Microsoft 365 (web and desktop) and Teams app stores in the Microsoft 365 mobile app for inspiration.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated.png\"><img decoding=\"async\" class=\"aligncenter wp-image-15915 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated-1024x999.png\" alt=\"Power BI and Adobe Acrobat Sign personal tab apps running in Microsoft 365 app\" width=\"640\" height=\"624\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated-1024x999.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated-300x293.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated-768x750.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated-24x24.png 24w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated-48x48.png 48w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/10\/Blogimageupdated.png 1249w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h2 style=\"text-align: left;\">Admin controls<\/h2>\n<p>IT Admins can now deploy and manage apps from the Microsoft Admin Center. Learn more <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-365\/admin\/manage\/test-and-deploy-microsoft-365-apps?view=o365-worldwide#manage-apps-in-the-integrated-apps-portal\" target=\"_blank\" rel=\"noopener\">here<\/a> on how a Teams personal tab app can be deployed to Microsoft 365 (Office) hub using the Microsoft Admin Center.<\/p>\n<p>We understand there may be additional management requirements specific to the Microsoft 365 app. You may want to:<\/p>\n<ol>\n<li>Only allow specific users in your org to try Teams apps in the Microsoft 365 app, or<\/li>\n<li>Block all users in your org from using Teams apps in the Microsoft 365 app<\/li>\n<\/ol>\n<p>You can do these using app configuration policy, documented here: <a href=\"https:\/\/learn.microsoft.com\/en-us\/mem\/intune\/apps\/manage-microsoft-office#manage-teams-apps-running-on-office-app-for-android\" target=\"_blank\" rel=\"noopener\">Manage Office for iOS and Android with Intune | Microsoft Learn<\/a><\/p>\n<h2>Share Feedback!<\/h2>\n<p>We want to hear from you! Let us know your experience working with these features\u202fand report any issues on\u202f<a href=\"https:\/\/github.com\/OfficeDev\/microsoft-teams-library-js\/issues?\" target=\"_blank\" rel=\"noopener\">GitHub<\/a>. Also follow us on\u202f<a href=\"https:\/\/twitter.com\/Microsoft365Dev\" target=\"_blank\" rel=\"noopener\">X \/ @Microsoft365Dev<\/a>\u202fto stay up to date on the latest announcements.<\/p>\n<p>Looking forward to seeing what you build next!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get familiar with the latest features that can help you boost your app&#8217;s visibility and engagement across Microsoft 365.<\/p>\n","protected":false},"author":133037,"featured_media":15924,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,128],"tags":[225,12],"class_list":["post-15899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-365-developer","category-microsoft-teams","tag-microsoft-365","tag-outlook"],"acf":[],"blog_post_summary":"<p>Get familiar with the latest features that can help you boost your app&#8217;s visibility and engagement across Microsoft 365.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/15899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/133037"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=15899"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/15899\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/15924"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=15899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=15899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=15899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}