Adding an embedded canvas app from Power Apps to a page

The following procedure shows how to embed a canvas app from Power Apps into the web client.

1. Go to the page where you want to embed the canvas app. This page will be the page that contains data that must be passed to the app as input.

2. Open the Add an app from Power Apps pane:

   • Click Options, and then select Personalize this page. Under the Insert menu, choose Power Apps. Finally, select the region where you would like to add the app. If you want to embed the app under the Power Apps menu button, choose the Action Pane. If you want to embed the app directly onto the page, choose the appropriate tab, FastTab, blade, or section (if you're on a workspace).
   • If the app will be accessed using the Power Apps menu button, you can alternatively click the Power Apps menu button in the standard Action Pane, and then select Add an app.

3. Configure the embedded app:

   • The Name field indicates the text shown for the button or tab that will contain the embedded app. Oftentimes, you may want to repeat the name of the app in this field.
   • The App ID field indicates the globally unique identifier (GUID) for the canvas app that you want to embed. To retrieve this value, find the app on make.powerapps.com, and then look in the App ID field under Details.
   • For Input context for the app, you can optionally select the field that contains the data that you want to pass to the app as input. See the section later in this topic titled Building an app that leverages data sent from Finance and Operations apps for details on how the app can access the data sent from Finance and Operations apps.
   • Choose the Application size that matches the type of app that you're embedding. Select Thin for apps built for mobile devices, and Wide for apps built for tablets. This ensures a sufficient amount of space is allotted for the embedded app.
   • The Legal entities FastTab provides the ability to choose which legal entities the app is available for. The default is to make the app accessible to all legal entities. This option is only available when the Saved views feature is disabled.

4. After confirming that the configuration is correct, click Insert to embed the Power App on the page. You will be prompted to refresh the browser in order to see the embedded app.