Is it possible to embed a web app without PowerApps

%3CLINGO-SUB%20id%3D%22lingo-sub-1047061%22%20slang%3D%22en-US%22%3EIs%20it%20possible%20to%20embed%20a%20web%20app%20without%20PowerApps%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1047061%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20a%20PHP%20web%20application%20that%20I%20would%20like%20to%20size%20for%20embedding%20on%20a%20modern%20SP%20page.%20PowerApps%20would%20have%20worked%20for%20this%20but%20for%20the%20fact%20that%20the%20licensing%20structure%20for%20PA%20is%20totally%20unrealistic%20for%20an%20organization%20of%20our%20size%20on%20a%20per%20user%20basis.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20this%20possible%2C%20or%20am%20I%20out%20of%20luck%20(essentially%20having%20to%20put%20this%20on%20its%20own%20page%20with%20just%20a%20link%20on%20our%20SP%20page)%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1047061%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1047633%22%20slang%3D%22en-US%22%3ERe%3A%20Is%20it%20possible%20to%20embed%20a%20web%20app%20without%20PowerApps%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1047633%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391527%22%20target%3D%22_blank%22%3E%40CW_213%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ewhat%20about%20%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fadd-content-to-your-page-using-the-embed-web-part-721f3b2f-437f-45ef-ac4e-df29dba74de8%3Fui%3Den-US%26amp%3Brs%3Den-US%26amp%3Bad%3DUS%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EEmbed%3C%2FA%3E%20WebPart%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECheers%2C%3C%2FP%3E%3CP%3EFederico%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1047637%22%20slang%3D%22en-US%22%3ERe%3A%20Is%20it%20possible%20to%20embed%20a%20web%20app%20without%20PowerApps%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1047637%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F138334%22%20target%3D%22_blank%22%3E%40Federico%20Porceddu%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFrom%20what%20I%20can%20see%2C%20that's%20for%20embedding%20media%20content%20(youtube%20videos%2C%20etc.)%20and%20not%20for%20applications.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1047650%22%20slang%3D%22en-US%22%3ERe%3A%20Is%20it%20possible%20to%20embed%20a%20web%20app%20without%20PowerApps%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1047650%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391527%22%20target%3D%22_blank%22%3E%40CW_213%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%3CP%3Enope%20%3A)%3C%2Fimg%3E%20It%20is%20basically%20an%20out%20of%20the%20box%20WebPart%20that%20can%20host%20an%20iframe%20snippet.%3C%2FP%3E%3CP%3ETake%20a%20look%20at%20the%20%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fadd-content-to-your-page-using-the-embed-web-part-721f3b2f-437f-45ef-ac4e-df29dba74de8%3Fui%3Den-US%26amp%3Brs%3Den-US%26amp%3Bad%3DUS%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Edocumentation%3C%2FA%3E%20(or%20try%20it%20directly%2C%20it's%20not%20complicated%20with%20basic%20HTML%20knowledge).%3C%2FP%3E%3CP%3EHere%20you%20can%20find%20some%20critical%20points.%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3EEmbed%20code%20must%20be%20iframe-based%20(that%20is%2C%20start%20and%20end%20with%20%3CIFRAME%3E%20tags).%20Embed%20code%20that%20uses%20%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3Bscript%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%20tags%20is%20not%20supported.%0A%0AOnly%20secure%20web%20sites%20can%20be%20embedded.%20Make%20sure%20the%20URL%20of%20the%20web%20site%20begins%20with%20HTTPS.%0A%0ANot%20all%20websites%20allow%20their%20pages%20to%20be%20embedded%2C%20so%20you%20may%20not%20be%20able%20to%20embed%20them%2C%20even%20when%20they%20are%20secure%20and%20use%20iframe-based%20embed%20code.%20If%20you%20have%20problems%2C%20check%20with%20the%20website%20to%20see%20if%20they%20allow%20embedding.%0A%0ASite%20collection%20administrators%20can%20control%20whether%20users%20can%20embed%20content%20from%20external%20websites.%20If%20they%20don't%20let%20contributors%20embed%20content%2C%20you%20may%20see%20an%20error%20message%20that%20says%2C%20%E2%80%9CEmbedding%20content%20from%20this%20website%20isn't%20allowed.%E2%80%9D%20See%20your%20administrator%20and%2For%20the%20help%20article%20Allow%20or%20restrict%20the%20ability%20to%20embed%20content%20on%20SharePoint%20pages.%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3B%2Fcode%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3B%2Fpre%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3BP%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bnbsp%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3B%2FP%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3BP%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3BCheers%2C%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3B%2FP%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3BP%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3BFederico%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3B%2FP%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Blt%3B%2Flingo-body%26amp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bamp%3Bgt%3B%3C%2FIFRAME%3E%3C%2FCODE%3E%3C%2FPRE%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1047701%22%20slang%3D%22en-US%22%3ERe%3A%20Is%20it%20possible%20to%20embed%20a%20web%20app%20without%20PowerApps%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1047701%22%20slang%3D%22en-US%22%3EOK%20thanks.%20I%20have%20had%20some%20experience%20trying%20to%20get%20this%20to%20work%20in%20the%20past%20and%20as%20I%20recall%20I%20kept%20having%20issues%20with%20restricted%20content%20(like%20putting%20a%20Google%20search%20field%20on%20a%20page)%20-%20incidentally%20doing%20this%20with%20PowerApps%20is%20easy%2C%20but%20does%20not%20work%20with%20the%20iFrame.%20Let%20me%20see%20if%20I%20can%20get%20it%20to%20work%20with%20our%20application.%20Thanks.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1047737%22%20slang%3D%22en-US%22%3ERe%3A%20Is%20it%20possible%20to%20embed%20a%20web%20app%20without%20PowerApps%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1047737%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F391527%22%20target%3D%22_blank%22%3E%40CW_213%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%3CP%3Eexactly%2C%20if%20you%20already%20have%20a%20PowerApp%2C%20you%20can%20embed%20it%20in%20a%20SharePoint%20page%3C%2FP%3E%3CUL%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fuse-the-powerapps-web-part-6285f05e-e441-408a-99d7-aa688195cd1c%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3EPowerApps%20Webpart%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fpowerapps%2Fmaker%2Fcanvas-apps%2Fembed-apps-dev%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3EIntegrate%20canvas%20apps%20into%20websites%20and%20other%20services%3C%2FA%3E%3C%2FLI%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fpowerapps.microsoft.com%2Fen-us%2Fblog%2Fembed-powerapps-on-sharepoint-pages%2F%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3EEmbed%20PowerApps%20on%20SharePoint%20Pages%3C%2FA%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3Ebut%20basically%20it's%20in%20iFrame%2C%20so%20just%20can%20use%20Embed%20WebPart%2C%20and%20follow%20general%20%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fadd-content-to-your-page-using-the-embed-web-part-721f3b2f-437f-45ef-ac4e-df29dba74de8%3Fui%3Den-US%26amp%3Brs%3Den-US%26amp%3Bad%3DUS%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Eadvice%3C%2FA%3E.%3C%2FP%3E%3CP%3EIn%20my%20personal%20opinion%2C%20Embed%20WebPart%20is%20not%20the%20best%20from%20a%20UI%20point%20of%20view%2C%20especially%20with%20responsive%20(or%20resizing%20page)%20requirements.%3C%2FP%3E%3CP%3EIt's%20fine%20for%20multimedia%20content%2C%20or%20small%20content%2C%20but%20not%20for%20a%20single%20page%20application.%3CBR%20%2F%3EIf%20you%20don't%20need%20the%20SharePoint%20context%2C%20and%20you%20can%20allow%20users%20to%20navigate%20to%20another%20browser%20tab%2C%20it's%20probably%20best%20to%20set%20up%20a%20simple%20link.%3C%2FP%3E%3CP%3EBut%20this%20is%20just%20my%20point%20of%20view%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECheers%2C%3C%2FP%3E%3CP%3EFederico%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

I have a PHP web application that I would like to size for embedding on a modern SP page. PowerApps would have worked for this but for the fact that the licensing structure for PA is totally unrealistic for an organization of our size on a per user basis.

 

Is this possible, or am I out of luck (essentially having to put this on its own page with just a link on our SP page)?

 

Thanks. 

5 Replies
Highlighted

Hi @CW_213 

what about Embed WebPart?

 

Cheers,

Federico

 

Highlighted

@Federico Porceddu 

 

From what I can see, that's for embedding media content (youtube videos, etc.) and not for applications.

Highlighted

Hi @CW_213 ,

nope :) It is basically an out of the box WebPart that can host an iframe snippet.

Take a look at the documentation (or try it directly, it's not complicated with basic HTML knowledge).

Here you can find some critical points.

Embed code must be iframe-based (that is, start and end with <iframe> tags). Embed code that uses <script> tags is not supported.

Only secure web sites can be embedded. Make sure the URL of the web site begins with HTTPS.

Not all websites allow their pages to be embedded, so you may not be able to embed them, even when they are secure and use iframe-based embed code. If you have problems, check with the website to see if they allow embedding.

Site collection administrators can control whether users can embed content from external websites. If they don't let contributors embed content, you may see an error message that says, “Embedding content from this website isn't allowed.” See your administrator and/or the help article Allow or restrict the ability to embed content on SharePoint pages.

 

Cheers,

Federico

Highlighted
OK thanks. I have had some experience trying to get this to work in the past and as I recall I kept having issues with restricted content (like putting a Google search field on a page) - incidentally doing this with PowerApps is easy, but does not work with the iFrame. Let me see if I can get it to work with our application. Thanks.
Highlighted

Hi @CW_213 ,

exactly, if you already have a PowerApp, you can embed it in a SharePoint page

but basically it's in iFrame, so just can use Embed WebPart, and follow general advice.

In my personal opinion, Embed WebPart is not the best from a UI point of view, especially with responsive (or resizing page) requirements.

It's fine for multimedia content, or small content, but not for a single page application.
If you don't need the SharePoint context, and you can allow users to navigate to another browser tab, it's probably best to set up a simple link.

But this is just my point of view :)

 

Cheers,

Federico