Does Webflow support iframing of webflow.io domains or only custom domains?

Published on
September 22, 2023

Webflow supports both iframing of webflow.io domains and custom domains. This feature is particularly useful if you want to embed your Webflow website or specific pages within another website or web application. Here is a breakdown of how Webflow handles iframing:

  1. Iframing webflow.io domains: When you publish your website on Webflow, it automatically generates a temporary webflow.io domain for preview purposes. You can iframe this webflow.io domain into other sites or applications without any limitations. This is a handy feature during the development and testing phase of your website or if you want to share a live preview with clients or stakeholders.

  2. Iframing custom domains: Once you've connected a custom domain to your Webflow website, you can also iframe your website using that domain. This allows you to embed your Webflow site seamlessly into other websites or apps, making it appear as if it's part of the same domain.

It's important to note that if you want to embed a Webflow website on a different domain, cross-origin permissions may apply. These permissions are enforced by web browsers to prevent potential security risks. Ensure that your Webflow website allows embedding on the desired domain by configuring the appropriate cross-origin policies, such as setting the X-Frame-Options HTTP header or utilizing the Content Security Policy (CSP) directive.

In summary, Webflow supports iframing of both webflow.io domains and custom domains, giving you the flexibility to embed your website wherever you need it.

Additional questions:

  1. How can I embed a Webflow site using a custom domain?
  2. What are the cross-origin policies I need to consider when iframing a Webflow website?
  3. Can I embed specific pages or sections of a Webflow site using iframes?