What could be causing the issue where my Webflow.io sites embedded in iframes on my site are not loading?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

There are several potential reasons why your Webflow.io site may not be loading when embedded in iframes on another site. Here are some possible causes and troubleshooting steps to help you resolve the issue:

Cross-origin resource sharing (CORS) policy: Check if the domain where the iframe is hosted has set appropriate CORS headers. By default, Webflow.io sites only allow requests from domains with webflow.io in their URLs. If the hosting domain doesn't match, the browser may block the content from loading. To fix this, you need to enable CORS on the hosting server or use a proxy server.
Script blocking or restrictions: Some browsers or security plugins may block scripts or certain types of content from loading within iframes for security reasons. Ensure that the browser or plugin settings allow the loading of content from external sources.
Incorrect iframe configuration: Double-check the iframe configuration on your site to ensure it is set up correctly. Make sure the src attribute points to the correct URL of your Webflow.io site. Additionally, verify that the sandbox attribute, if used, is not preventing the iframe from loading.
SSL certificate issues: If your Webflow.io site is using HTTPS, ensure that the site hosting the iframe also has a valid SSL certificate. Browsers may block mixed content, such as loading an insecure (HTTP) iframe within a secure (HTTPS) site.
Browser caching or cookies: Clear the cache and cookies in your browser, as outdated or conflicting cached data can sometimes cause issues with iframe content loading. Additionally, try loading the site in a different browser or incognito mode to rule out any browser-specific issues.
Server issues: Check if there are any ongoing server issues with Webflow.io or the hosting provider of the iframe site. It's possible that temporary server problems are causing the site not to load.

If none of these steps resolve the issue, it may be helpful to consult the Webflow support team or seek assistance from a developer who is experienced with using iframes and troubleshooting website loading issues.

Additional Questions:

How can I enable CORS on my server to allow my Webflow.io site to load within iframes on other domains?
What are the best practices for embedding a Webflow.io site in an iframe?
Can I embed a Webflow.io site on a non-Webflow hosting platform?

What is the purpose of the Sticky-js library in Webflow?

Can Webflow save form data as submissions while also redirecting users to a dynamic URL using the 'action' + method = GET?

Can Turnstile from Cloudflare be integrated with Webflow forms?

Why am I unable to transfer a project to a client on Webflow even though they have signed up and verified their email?

How can I use code from Codrops for custom select elements in Webflow?

What integrations can I use to enable editing and deletion of live items and incorporate a user system in Webflow?

Why isn't the typo in the footer component updating across all instances on my published Webflow site?

Can Lottie animations that reference a separate images folder be uploaded and displayed in Webflow?

How can we bring our Adobe XD project to Webflow?

What are the options for pulling data from a Neo4J or other type of graph database into Webflow, specifically for displaying customer-specific data that is not part of the Webflow CMS?