# How to embed a web page into a Perspective page

**URL:** <https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548>\
**Category:** General Discussion\
**Tags:** perspective\
**Created:** [February 28, 2024, 9:09pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548 "2024-02-28T21:09:18Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aarin\_Morris2](https://avatars.discourse-cdn.com/v4/letter/a/90ced4/32.png) [@Aarin\_Morris2](https://forum.inductiveautomation.com/u/Aarin_Morris2)\
**Post date:** [February 28, 2024, 9:09pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/1 "2024-02-28T21:09:18Z")

</div>

I have the need to embed web pages into a Perspective page, potentially using the View Canvas component. My company uses vision cameras quite frequently & all I'm trying to do is display the live feed from each camera's web server. Does anybody have any suggestions?

Also... We only use Perspective applications. No Vision applications.

Thank you.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [February 28, 2024, 9:51pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/2 "2024-02-28T21:51:44Z")

</div>

Your option is the iframe component. Different 'user agents' (web browsers) on different devices have varying degrees of security, but practically speaking all of them with support for the browser APIs Perspective relies on will adhere to [Content Security Policies](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) sent with the "wrapped" frame. Meaning, not every arbitrary page can be embedded inside of an iframe, and it's up to the _inner_ page whether it can be or not.

Also, standard concerns about network visibility apply. Perspective doesn't have any way to "tunnel" an internal-network-only IP cam to make it visible to an external-network device running your Perspective session.

---

<div class="post-metadata">

**Author:** ![Aarin\_Morris2](https://avatars.discourse-cdn.com/v4/letter/a/90ced4/32.png) [@Aarin\_Morris2](https://forum.inductiveautomation.com/u/Aarin_Morris2)\
**Post date:** [February 28, 2024, 10:52pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/3 "2024-02-28T22:52:10Z")

</div>

Can you point me in the direction to setup an iFrame? I've bee searching in the components & in the help menu but I don't see where to start.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [February 28, 2024, 11:05pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/4 "2024-02-28T23:05:56Z")

</div>

> **[Perspective - Inline Frame | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-display-palette/perspective-inline-frame)**
>
> The Inline Frame component enables you to display a webpage within the component.

We call it the 'Inline Frame' component, but the actual HTML element that drives this behavior is the [iframe](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) tag.

---

<div class="post-metadata">

**Author:** ![Aarin\_Morris2](https://avatars.discourse-cdn.com/v4/letter/a/90ced4/32.png) [@Aarin\_Morris2](https://forum.inductiveautomation.com/u/Aarin_Morris2)\
**Post date:** [February 29, 2024, 4:17pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/5 "2024-02-29T16:17:14Z")

</div>

Thank you! I'll give it a try.

---

<div class="post-metadata">

**Author:** ![Aarin\_Morris2](https://avatars.discourse-cdn.com/v4/letter/a/90ced4/32.png) [@Aarin\_Morris2](https://forum.inductiveautomation.com/u/Aarin_Morris2)\
**Post date:** [February 29, 2024, 4:30pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/6 "2024-02-29T16:30:27Z")

</div>

Looks like I just didn't look hard enough... Works like a dream! Thank you!

---

<div class="post-metadata">

**Author:** ![msteele](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/msteele/32/77889_2.png) [@msteele](https://forum.inductiveautomation.com/u/msteele)\
**Post date:** [February 29, 2024, 5:28pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/7 "2024-02-29T17:28:16Z")

</div>

I missed that one recently as well... maybe they want to call it the "Inline Frame (iFrame)" component. This component is also the fourth result when searching "iframe" in the new docs when it should probably be first.

---

<div class="post-metadata">

**Author:** ![Akshat\_P](https://avatars.discourse-cdn.com/v4/letter/a/ce73a5/32.png) [@Akshat\_P](https://forum.inductiveautomation.com/u/Akshat_P)\
**Post date:** [September 9, 2024, 5:42pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/8 "2024-09-09T17:42:30Z")

</div>

Can we embed Okta enabled webpage using the Inline Frame solution to the Perspective Ignition? We have SAP integrated with Okta and need to add SAP webpage to the Ignition so that we don't have to switch back and forth between the perspective workstation and SAP running on the webpage while working with any work orders. Any solution will be a great help.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [September 9, 2024, 6:06pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/9 "2024-09-09T18:06:26Z")

</div>

If you configure your Okta/SAP server to include the appropriate CORS headers, you will be able to place Okta/SAP in an IFrame in Perspective. You cannot do this configuration on the Ignition side.

Edit: Duplicate post:

> [@Can we embed Okta enabled webpage using the Inline Frame solution to the Perspective Ignition?](https://forum.inductiveautomation.com/t/can-we-embed-okta-enabled-webpage-using-the-inline-frame-solution-to-the-perspective-ignition/95745):
>
> We have SAP integrated with Okta and need to add SAP webpage to the Ignition so that we don't have to switch back and forth between the perspective workstation and SAP running on the webpage while working with any work orders. Any solution will be a great help.

Duplicate posts are against [this forum's rules](https://forum.inductiveautomation.com/faq). Please do not do this in the future.

---

<div class="post-metadata">

**Author:** ![Akshat\_P](https://avatars.discourse-cdn.com/v4/letter/a/ce73a5/32.png) [@Akshat\_P](https://forum.inductiveautomation.com/u/Akshat_P)\
**Post date:** [January 24, 2025, 6:41pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/10 "2025-01-24T18:41:29Z")

</div>

Thank you @pturmel for the response. I will take care of the duplicate post next time. Thanks again.

---

<div class="post-metadata">

**Author:** ![Akshat\_P](https://avatars.discourse-cdn.com/v4/letter/a/ce73a5/32.png) [@Akshat\_P](https://forum.inductiveautomation.com/u/Akshat_P)\
**Post date:** [January 24, 2025, 6:45pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-a-web-page-into-a-perspective-page/86548/11 "2025-01-24T18:45:12Z")

</div>

Archiving Response by @paul-griffith

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/3/03d752a3d62a8f017b898cf58bb15a6818929e75.png)

> **[X-Frame-Options - HTTP | MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options)**
>
> The HTTP X-Frame-Options response header can be used to indicate whether a browser should be allowed to render a page in a ,
