Embed tiles
Embed tiles can be used to display other web pages, such as dashboards from other tools or internal portals, within SquaredUp dashboards. For example, you may like to display a dashboard or tile from SquaredUp DS.
To add a new tile to a dashboard, hover over the area you'd like to place it and click the
that appears.Click on the Embed icon.Configuring an embed tile
- URL:
Enter the URL of the page you’d like to embed. Ensure the domain is in the list of allowed domains, see Allowed domains. - Scale:
Optionally, change the scale setting of the page if you’d like to change the size of the embedded page. - Options:
Open URL when clicked (no interactivity): Enabling this option prevents users from interacting directly with the embedded page and instead opens the page in a new tab/window when clicked. - Allowed domains:
The list of allowed domains is shown and can be configured by a SquaredUp administrator, see Allowed domains.
Allowed domains
When configuring an Embed tile, a list of allowed domains is displayed. These domains are configured by a SquaredUp administrator on the Settings > Organization page.
Configuring allowed domains
- Browse to Settings > Organization page.
- Under the Allowed domains for embedding, enter the domain you’d like to allow.
Domains can entered in various formats:
- example.com - allows any page on the example.com domain, does not include subdomains.
- test.example.com - allows any page on the test.example.com subdomain, but no other subdomains or pages.
- *.example.com - allows any page on any subdomain of the example.com domain
- example.com/myfolder - only allows this specific folder path
- example.com/myfolder/ - allows any file within this folder
- example.com/myfolder/myimage.png - only allows this specific file path
Why isn't my site showing? Troubleshooting embedded websites
If your Embed tile is blank, not showing properly or showing an error, try the following troubleshooting steps:
- Are you trying to embed a http page in a https page? For security reasons http pages cannot be embedded in https pages. For more information see Why you should not mix http and https when using iframes.
- Open your browser's Web Developer tool. In the tool, open the Console and check for an error message, for example a sameorigin error:
Sameorigin error: The website itself doesn't allow embedding.
It is common for websites to actively disallow embedding. Unfortunately there's nothing you can do about it, unless the website is hosted internally and you can ask the maintainer of the site to make an exception.