What is "Flow widgets" and how we can use/benefit from them

%3CLINGO-SUB%20id%3D%22lingo-sub-3219305%22%20slang%3D%22en-US%22%3EWhat%20is%20%22Flow%20widgets%22%20and%20how%20we%20can%20use%2Fbenefit%20from%20them%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3219305%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20reading%20documents%20about%20Power%20Automate%20from%20Microsoft%20%40%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fpower-platform%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fpower-platform%2F%3C%2FA%3E%20and%20on%20this%20link%2C%20they%20are%20talking%20about%20%22Flow%20widgets%22%3A-%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fpower-automate%2Fdeveloper%2Fembed-flow-dev%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3EIntegrate%20Power%20Automate%20with%20websites%20and%20apps%3C%2FA%3E%3C%2FP%3E%3CP%3EBut%20I%20am%20not%20sure%20how%20we%20can%20benefit%20from%20this%20%3F%20and%20what%20does%20%22flow%20widgets%22%20do%20exactly%3F%20unfortunately%20the%20link%20does%20not%20show%20a%20picture%20about%20how%20the%20%22flow%20widgets%22%20looks%20like%2Cso%20i%20am%20confused.%20any%20advice%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESecond%20question%2C%20from%20my%20understanding%20is%20that%20%22Flow%20widgets%22%20can%20be%20embedded%20inside%20public%20websites%2C%20so%20how%20users%20will%20be%20using%20them%3F%20For%20example%20should%20the%20publish%20users%20login%20before%3F%20and%20can%20they%20user%20non-Microsoft%20accounts%3F%20as%20not%20all%20public%20users%20have%20Microsoft%20accounts.%3C%2FP%3E%3CP%3ERegards%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3219305%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Flow%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPowerApps%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3220351%22%20slang%3D%22en-US%22%3ERe%3A%20What%20is%20%22Flow%20widgets%22%20and%20how%20we%20can%20use%2Fbenefit%20from%20them%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3220351%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F233354%22%20target%3D%22_blank%22%3E%40john%20john%3C%2FA%3E%26nbsp%3BFlow%20widgets%20in%20Power%20automate%20are%20used%20to%20embed%20the%20content%20from%20Power%20automate%20to%20your%20app%20or%20SharePoint%20site%20or%20any%20other%20website.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20can%20embed%20the%20content%2Fwidgets%20like%3A%3C%2FP%3E%3COL%3E%3CLI%3EList%20of%20flows%3C%2FLI%3E%3CLI%3EPower%20automate%20Approvals%3C%2FLI%3E%3CLI%3EList%20of%20templates%3C%2FLI%3E%3CLI%3ETrigger%20manual%20flows%3C%2FLI%3E%3C%2FOL%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20can%20use%20flow%20widgets%20in%20two%20ways%3A%3C%2FP%3E%3COL%3E%3CLI%3E%3CP%3E%3CSTRONG%3EUnauthenticated%20widget%3C%2FSTRONG%3E%3A%20You%20don't%20need%20the%20JS%20SDK%20or%20an%20access%20token%20in%20this%20case.%20You%20can%20simply%20build%20widget%20URL%20%26amp%3B%20embed%20it%20using%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Eiframe%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(see%20example%20given%20below).%3C%2FP%3E%3C%2FLI%3E%3CLI%3E%3CP%3E%3CSTRONG%3EAuthenticated%20widget%3C%2FSTRONG%3E%3A%20You%20will%20need%20to%20use%20Power%20Automate's%20JavaScript%20Software%20Developer%20Kit%20(JS%20SDK)%20to%20embed%20the%20flow%20widgets%20and%20provide%20the%20required%20user%20access%20token.%20User%20will%20need%20license%20in%20this%20case%20to%20see%20his%2Fher%20approvals%20or%20to%20run%20the%20flow%20manually.%3C%2FP%3E%3C%2FLI%3E%3C%2FOL%3E%3CP%3E%3CSTRONG%3EExample%3C%2FSTRONG%3E%3A%20I%20have%20added%20below%20embed%2Fiframe%20code%20on%20SharePoint%20modern%20page%20using%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3EEmbed%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Eweb%20part%20which%20shows%20the%20available%20Power%20automate%20flow%20templates%20for%20SharePoint%20connector%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%3CIFRAME%20width%3D%221200px%22%20height%3D%22600px%22%20src%3D%22https%3A%2F%2Fflow.microsoft.com%2Fen-us%2Fwidgets%2Ftemplates%2F%3Fq%3DSharePoint%0A%26amp%3Bpagesize%3D6%26amp%3Bdestination%3Dnew%22%3E%3C%2FIFRAME%3E%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%20class%3D%22%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22ganeshsanap_1-1646047609331.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F351689i54619DDDD5CB08CD%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22ganeshsanap_1-1646047609331.png%22%20alt%3D%22ganeshsanap_1-1646047609331.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CHR%20%2F%3E%3CP%3EPlease%20click%26nbsp%3B%3CSTRONG%3EMark%20as%20Best%20Response%3C%2FSTRONG%3E%26nbsp%3B%26amp%3B%20%3CSTRONG%3ELike%3C%2FSTRONG%3E%20if%20my%20post%20helped%20you%20to%20solve%20your%20issue.%20This%20will%20help%20others%20to%20find%20the%20correct%20solution%20easily.%20It%20also%20closes%20the%20item.%20If%20the%20post%20was%20useful%20in%20other%20ways%2C%20please%20consider%20giving%20it%20%3CSTRONG%3ELike%3C%2FSTRONG%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3220682%22%20slang%3D%22en-US%22%3ERe%3A%20What%20is%20%22Flow%20widgets%22%20and%20how%20we%20can%20use%2Fbenefit%20from%20them%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3220682%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373269%22%20target%3D%22_blank%22%3E%40ganeshsanap%3C%2FA%3Ethanks%20for%20the%20reply..%20but%20you%20did%20not%20answer%20my%20second%20question%2C%20and%20if%20users%20can%20view%20the%20%22Flow%20widgets%22%20using%20non-microsoft%20accounts%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
Valued Contributor

I am reading documents about Power Automate from Microsoft @ https://docs.microsoft.com/en-us/power-platform/ and on this link, they are talking about "Flow widgets":-

Integrate Power Automate with websites and apps

But I am not sure how we can benefit from this ? and what does "flow widgets" do exactly? unfortunately the link does not show a picture about how the "flow widgets" looks like,so i am confused. any advice?

 

Second question, from my understanding is that "Flow widgets" can be embedded inside public websites, so how users will be using them? For example should the publish users login before? and can they user non-Microsoft accounts? as not all public users have Microsoft accounts.

Regards

2 Replies

@john john Flow widgets in Power automate are used to embed the content from Power automate to your app or SharePoint site or any other website.

 

You can embed the content/widgets like:

  1. List of flows
  2. Power automate Approvals
  3. List of templates
  4. Trigger manual flows

 

You can use flow widgets in two ways:

  1. Unauthenticated widget: You don't need the JS SDK or an access token in this case. You can simply build widget URL & embed it using iframe (see example given below).

  2. Authenticated widget: You will need to use Power Automate's JavaScript Software Developer Kit (JS SDK) to embed the flow widgets and provide the required user access token. User will need license in this case to see his/her approvals or to run the flow manually.

Example: I have added below embed/iframe code on SharePoint modern page using Embed web part which shows the available Power automate flow templates for SharePoint connector:

 

 

<iframe width="1200px" height="600px" src="https://flow.microsoft.com/en-us/widgets/templates/?q=SharePoint
&pagesize=6&destination=new"></iframe>

 

 

 

ganeshsanap_1-1646047609331.png


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

@ganeshsanapthanks for the reply.. but you did not answer my second question, and if users can view the "Flow widgets" using non-microsoft accounts?