0

I am reading documents about Power Automate from Microsoft Docs and in below 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 public users login to Power Automate before? and can they use non-Microsoft accounts? as not all public users have Microsoft accounts. In other words what are the differences between "Flow Widgets" and embedding what ever page we want using the standard HTML iframe?

2 Answers 2

1

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>

enter image description here

12
  • ok i see, so at the end the "flow widgets" are embedding the MS flow inside external pages using iframe? so let say inside our external website (might be a word press website) we added this iframe then the users will still need to login to MS Flow as usual to be able to see the iframe content (the "flow widgets" in this case)?
    – John John
    Feb 28, 2022 at 13:22
  • second question, why do we need SDK if this is just embedding the Flow inside iframe? where iframe will embed another document within the page,, so why do we need to reference SDK? i am a bit confused? thanks
    – John John
    Feb 28, 2022 at 13:24
  • 1
    Pages like flow templates are publicly available & no need to authenticate using Microsoft account. But when you try to use that template & starts creating flow, you will have to login with account. Feb 28, 2022 at 13:27
  • 1
    To see the content like your existing flows or approval requests, you need to login with the user account. So, to read such content, you need authenticate & pass the access token to flow APIs as mentioned here. Feb 28, 2022 at 13:32
  • let say inside the external site we are showing the Pending approvals for the login user using "Flow Widgets", then if login is not required, then what the anonymous users will see in this case?
    – John John
    Feb 28, 2022 at 13:36
0

Simply, flow widgets are some sort of iFrames located in a host document, where this document points to Power Automate Designer, in other words you can integrate a specific Power Automate functionnality into third-party applications !


Widget Architecture


Power Automate widgets work by embedding an iframe that references Power Automate into a host application. The host provides the access token that's required by the Power Automate widget. Power Automate's JS SDK enables the host application to initialize and manage the widget life cycle.

enter image description here

You can find more details here on Microsoft Official Documentation

2
  • if it is an iframe then why we need to authenticate? as iframe will automatically login the user if he/she are already login to power platfrom ?
    – John John
    Mar 3, 2022 at 12:13
  • Yes, automatically via the code ! Mar 3, 2022 at 13:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.