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?

Can I use the Lens - Photography Website Template as an HTML template on my own hosting, or is it only compatible with your website builder?

Does the white labeling feature in Webflow's pro plan apply to both the exported site and form submissions, or just the form submissions?

How can I manage two different Webflow domains on my WordPress domain using the Webflow Pages plugin?

Can I embed an Excel file from Google Sheets on my website so that each new user can access and edit it for their personal use? And can the spreadsheet be reset for each new user visiting the website?

Is there a way to import users with predefined access groups in Webflow without sending immediate invite emails?

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

How can I easily create a member dashboard in Webflow using Nocodelytics?

Is it possible to connect Webflow's Memberships feature with a Shopify store, so that buyers can make an account on my site and have their purchase information synced?

Can I design a website for a client using my "starter" account plan and then transfer it to their own "starter" account for hosting on Webflow? Does my client need a paid account plan in order to host a website on Webflow, or can they use the "Basic" or "CMS" hosting plan with the "Starter" account plan?

How can I install the Hubspot tracking code on my Webflow site?