Troubleshooting: Embedded Website Widget Not Working

If you add an Embedded Website widget to a dashboard, and after entering a URL for the widget you see that it appears on the dashboard with no image (see below),

and clicking on it does not bring you to the embedded website as expected, that means the website you are trying to embed on your dashboard does not allow the page to be embedded within an iframe.

To check a website's iframe permissions, navigate to the website, then right click on the screen and select “Inspect” or “Inspect Element” (depending on the browser you are using).

Next, navigate to the Network tab, and refresh the page to see the network requests, and find the request for the website’s main page.

Then, under that request go to “Response Details” and look for the “X-Frame-Options”  header (see below).

If the header says:

• “DENY”: the website prohibits being embedded in an iframe
• “SAMEORIGIN”: it can only be embedded on a webpage from the same domain
• “ALLOW-FROM”: will only allow embedding on specified domains

If the X-Frame-Options header shows any of the options listed above, it will not work with the Embedded Website widget.

Related Articles
How to create a dashboard