Embed Power Apps on a SharePoint Page

It is worth taking the time to add some functional features to SharePoint pages. SharePoint is already a wealth of information and an obvious search starting point but by embedding Power Apps onto SharePoint pages, SharePoint becomes the starting point for workflow as well. There is less need to know where to go for various services when everything appears in SharePoint.

On the right, the Group Request Form is right at home on this Technology Center page.

In the example above, the SharePoint site page includes the most commonly used tools and most important organizational information, front and center. The Group Request Form, a single-screen Power App, is embedded on the page for convenient use.

Attention should be paid to the layout of the SharePoint page and layout of the app. In this case, the app was designed in phone layout to take advantage of the clean three-column layout featured on this SharePoint page. Paying close attention to colors also provides continuity on the page.

How to Embed Power Apps on a SharePoint Page in 3 Easy Steps

What you’ll need:

  • The App ID of an existing stand-alone app built with Power Apps.
    How do I find the App ID?
  • A SharePoint page with proper permissions to add/edit the page

What you’ll do:

  1. Navigate to the desired SharePoint page and click the Edit button to the right of the page’s published date.
  2. Click the to add a new web part and select Microsoft Power Apps from the list of available web parts.
  3. Enter the App ID into the App web link or ID field shown below and toggle on a border around the app if you want one or leave it off.

That’s it! Continue making any other desired changes to your SharePoint page and remember to Republish your page before you close SharePoint.