Add IFrame

Note

• Effective October 12, 2022, Power Apps portals is Power Pages. More information: Microsoft Power Pages is now generally available (blog)
  
• You can edit and design Power Apps portals sites using the new Power Pages design studio. More information: Power Pages design studio and Power Apps portals Studio.

Add IFrame component to your portal page to embed a webpage from any other website.

To add IFrame component:

1. Edit the portal to open it in Power Apps portals Studio.

2. Select the page on which you want to add the component.

3. Select an editable element on the canvas.

4. Select Components from the left side of the screen.

5. Under Portal components, select IFrame. The IFrame placeholder is added to the canvas.

6. In the properties pane on the right side of the screen, enter the following information:

   • Width: Enter the width of the IFrame.

   • Height: Enter the height of the IFrame.

     Note

     You can also select the IFrame on the canvas and drag the handles to resize it.

   • Link: Enter the URL of the website to be displayed in the IFrame. Only secured links are accepted—that is, https:// is mandatory. By default, https://www.bing.com is available as the value.

     

Note

You can also add Power Virtual Agent bot to the IFrame similarly using steps described in add bot to your web site.

See also

• Power Apps portals Studio
• Create and manage webpages
• WYSIWYG editor