The apps you build are often most useful when they're available right where people are doing their work. PowerApps enables you to embed apps in an iframe so that you can integrate those apps into websites and other services, such as Power BI or SharePoint.
In this topic, we'll show you how to set parameters for app embedding; then we'll embed our Asset Ordering app in a website.
Keep the following restrictions in mind:
You can also integrate PowerApps into SharePoint Online (without using an iframe). For more information, see Generate an app from within SharePoint using PowerApps.
If you have an app you want to embed, the first step is to set parameters for the Uniform Resource Identifier (URI), so that the iframe knows where to find the app. The URI is in the following form:
Note: We added a line break so the URI displays better on the page.
The only thing you have to do is substitute the ID of your app for [AppID] in the URI (including '[' & ']'). We'll show you how to get that value shortly, but first here are all the parameters available in the URI:
/providers/Microsoft.PowerApps/apps/[AppID]. It provides the ID of the app to run.
[AppID]&param1=value1. These parameters are read only during launch of the app; if you need to change them, you need to re-launch the app.
The app ID is available on powerapps.com. For the app you want to embed:
In powerapps.com, on the Apps tab, click or tap the ellipsis ( . . . ), then Details.
Copy the App ID.
[AppID] value in the URI. For our Asset Ordering app, the URI looks like this:
Embedding your app is now as simple as adding the iframe to the HTML code for your site (or any other service that supports iframes, such as Power BI or SharePoint):
<iframe width="[W]" height="[H]" src="https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true& source=website&screenColor=rgba(165,34,55,1)&appId=/providers/Microsoft.PowerApps/apps/[AppID]"/>
Specify values for the iframe width and height, and substitute the ID of your app for
The following image shows the Asset Ordering app embedded in a Contoso sample website.
Keep the following points in mind for authenticating users of your app:
As you can see, embedding apps is simple and powerful. Embedding enables you to bring apps right to the places you and your customers work – websites, Power BI dashboards, SharePoint pages, and more.