How to add existing power apps to power pages

Like (1) Share

Report

Posted on 23 Jan 2023 16:51:11 by jnovelliere

Hello,

I have several existing power apps I would like to embed into power pages. Can this be done?
My goal is to have power pages be the hub for specific users to go enter information rather than have multiple links to apps.

Thanks!

All responses (8)

Answers (1)

Lucas001 2,143 Super User 2025 Season 1 on 29 Feb 2024 at 15:31:22

Like (0)

Report

Re: How to add existing power apps to power pages

Hi @Pineapple26,

if your question persists could you open another thread?
Pineapple26 17 on 28 Feb 2024 at 10:12:46

Like (0)

Report

Re: How to add existing power apps to power pages

Another question
Can i use power pages in wixstudios?
jyotiatharv 63 on 12 Feb 2024 at 13:35:32

Like (1)

Report

Re: How to add existing power apps to power pages

@Pineapple26 Yes, model-driven apps can also be embedded in iframe in powerpages
Pineapple26 17 on 12 Feb 2024 at 09:10:36

Like (0)

Report

Re: How to add existing power apps to power pages

Can you also add a modern driven app form in power pages?
rfinkley 31 on 28 Mar 2023 at 16:40:58

Like (0)

Report

Re: How to add existing power apps to power pages

@jnovelliere I have a similar use case. My company wants a demo of a power pages site that allows our employees to log in and see links to the apps, and sharepoint sites they have access to. Were you trying to do the same thing? Or did you limit access to the site to a few individuals?
Verified answer

jnovelliere 35 on 09 Feb 2023 at 19:43:49

Like (2)

Report

Re: How to add existing power apps to power pages

Hi Everyone,
I solved it. For my issue I needed to create a group in Azure(Gathering site ID and specifics) -> add this group in power bi Admin portal ->Allow service principals to use Power BI APIs Enabled for a subset of the organization ->Add power bi report to desired page.
Not sure if this is everyone's solution but this worked for me.
ragavanrajan 7,036 Most Valuable Professional on 30 Jan 2023 at 17:55:55

Like (1)

Report

Re: How to add existing power apps to power pages

Hi @jnovelliere

In Design studio:

1. Edit the page where you would like to add the Power App

2. Add a one column section or column of your choice

3. Click on the three dots and select add iframe

4. Paste the Canvas app complete URL and hit ok.

Example canvas app URL: https://apps.powerapps.com/play/e/applicationid02a?tenantId=0d38608b-8921-45be-9759-4a024ec4cebf&source=portal

Output:

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.
sasidharan1910 7 on 30 Jan 2023 at 03:26:52

Like (2)

Report
Re: How to add existing power apps to power pages

Embed PowerApps Form on Modern Page using Out of the box SharePoint webpart "Microsoft PowerApps".
To know another approach to achieve the same requirement, refer to Embed PowerApps in SharePoint Modern Page.
Microsoft PowerApps webpart features,
The Web part automatically signs you into PowerApps.
The Web part automatically scales the app to the best fit in the canvas.
ability to resize the app using the resizer control.
Also works in your SharePoint mobile app.
Note
The SharePoint Site and the PowerApps both should be part of the same Office 365 Tenant to achieve this.
Below are the steps to embed the PowerApps app on the SharePoint Modern page,
Publish the PowerApps form
Get PowerApps App ID
Create a SharePoint Modern Page
Add "Microsoft PowerApps" out of the box webpart
Publish the SharePoint Modern Page
How to get PowerApps App ID

Clicking on the Details option, you can get your App ID as shown below,

Copy this App ID to a notepad.
How to Create a SharePoint Modern Page
Go to your SharePoint Online Site
Create a SharePoint Modern Site Page

Clicking on the "Page", opens a new page. Name the page and add the "Microsoft PowerApps" webpart using the '+' icon.

Once the "Microsoft PowerApps" webpart is added, edit the web part and paste the App web link or ID that was copied to notepad.

Here you can see, how the PowerApp form is added to Modern SharePoint Page.
Note
We can also use weblink instead of AppID to add the PowerApps form on the page.
How to achieve this with Weblink
Copy the web link to a notepad from the details section.

Add the "Microsoft PowerApps" webpart to the site page.
Paste this weblink in App web link or ID as shown below,

OUTPUT