Read more about the Web Embed component.
The Web Embed component displays web pages directly in your app through an iframe. However, not all websites permit their content to be embedded this way. The permissions to embed a site are controlled by the site's owners through various HTTP headers and content security policies.
Common Errors and Their Meanings
"Content is blocked" or "Refused to connect"
These errors usually indicate that the external site has set policies that prevent it from being embedded in an iframe.
Localhost Accessibility
Attempting to embed a webpage hosted on your local server will not work when accessed outside your local network. This is because localhost refers to the local machine and is not accessible from other devices or the internet.
Steps to Troubleshoot Web Embed Issues
Ensure the URL starts with
https://instead ofhttp://. Secure (HTTPS) sites are more likely to be permitted in iframes within apps that also use HTTPS.To determine if the issue is specific to Glide or the website itself, try embedding the URL in a simple HTML iframe on platforms like W3Schools' Tryit Editor. If embedding also fails there, it's likely due to the external site's restrictions.
For websites that refuse to connect, contact the support team at the host to inquire if they allow iframe embedding and if specific permissions or methods are required.
If direct embedding is not possible due to the external site’s restrictions, consider alternative ways to integrate the content. For instance, you could link to the external site rather than embedding it, or use APIs provided by the service to extract and display content within Glide.
Best Practices for Web Embeds
Before planning to use an external website in your Glide app, check if the website allows iframe embedding. This information can sometimes be found in the website's documentation or by inspecting the site’s HTTP headers.
For media like videos, using platforms that explicitly support embedding, such as Vimeo or YouTube, can provide more control over where your content can be embedded.
If you control the website you wish to embed, ensure the correct content security policies are in place to allow embedding in external applications like Glide.
Remember, embedding is controlled by external standards and site-specific policies, not by Glide itself.