Power Apps - Embedding Power Apps into SharePoint pages

User Profile Information

Microsoft PowerAppsEmbedding Power Apps into SharePoint pages

For usability it may make sense to embed your Power Apps into a SharePoint page. If a Power App is a form it may belong on a SharePoint site for that forms department. Here is how to embed Power Apps into a SharePoint page.

First you want to create a page then add a "Web Part" to that page. You will want to select the Embed web part. You will need to paste the following text into that web part:

<iframe width="98%" height="98%" src="https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true&screenColor=rgba%28165%2c34%2c55%2c1%29&appId=/providers/Microsoft.PowerApps/apps/Give your Power Apps App ID here"></iframe>

You will need to paste the ID for your application into this code.

To get the Power Apps App ID, at first login to Power Apps home. If you don't see the app you want to embed, click on the Apps link on the left navigation area.
-Left mouse Click on the ellipses - by the particular App which you want to embed into your SharePoint site.
-Left Click on it, and click on "Details" at the bottom of the drop-down menu.

In the Details, you will see App ID, copy that number and paste it into the iframe code above and you will see the app appear on the page right away.

Below is a SharePoint page with a form embedded into it.