粘贴一个 URL，选择你的宽度和高度，切换几个选项，然后复制干净的 <iframe> 嵌入 HTML —— 用于你的 Knocket 页面、视频、地图或浏览器可以显示的任何内容。查看实时预览，然后将代码粘贴到你的网站中。无需登录，也不存储任何内容。
空白预览？该网站阻止了嵌入——代码仍然是正确的。
最实用嵌入内容是一个能让别人联系到你的页面。一个免费的Knocket联系主页就是为嵌入而设计——将其放在你的网站上，访客即可获得在线聊天、WhatsApp、电子邮件和预约功能，而你无需编写表单或搭建后端。 Get your free page →
在一个页面中嵌入另一个页面是最早的网页原语之一，但手动编写<iframe>标签——具有正确的宽度、屏幕阅读器的标题、延迟加载和安全沙盒——既繁琐又容易出错。生成器每次都能正确生成，并在你发布之前显示结果。
在 WordPress 的自定义 HTML 块中，在 Wix 的代码嵌入中，在 Squarespace 的嵌入块中，或直接嵌入到你网站的 HTML 中。在 React/Astro 布局中，通过原始 HTML 元素插入<iframe>。该标签是自包含的——无需加载脚本或样式表。
iframe非常适合在你的页面内展示另一个网页。但当你需要以下功能时，它并非合适工具：
X-Frame-Options: DENY 标头的网站 —— 谷歌、Instagram 和大多数登录页面拒绝被嵌入框架。为了获得原生集成在你网站上的联系体验（无需 iframe，使用你的域名和样式），Knocket 聊天组件只需要一个脚本标签。
是的——完全免费，无需登录，没有限制。HTML在你的浏览器中生成，没有任何内容被上传或存储。你可以生成任意数量的嵌入代码。
你要嵌入的网站发送了一个 X-Frame-Options 或 Content-Security-Policy 头部，拒绝被嵌入。Google、Instagram、Facebook 和大多数需要登录的页面都会这样做。生成的代码仍然是正确的——只是该网站不允许自己被任何人嵌入到任何地方。Knocket 页面和大多数视频播放器（YouTube、Vimeo）允许嵌入。
sandbox 属性限制了嵌入页面可以执行的操作，因此不受信任的嵌入内容无法弹出窗口、运行表单或访问你的页面。受限（推荐）允许嵌入内容运行脚本和表单，但阻止危险操作；严格仅允许脚本。对于需要完整功能且受信任的页面，请将其关闭。
iframe 上的 title 属性会告诉屏幕阅读器其中的内容——这对于可访问性至关重要。如果没有它，使用辅助技术的访客只会听到“框架”，而没有上下文。始终将其设置为描述嵌入内容（例如“Knocket 联系主页”）。
当嵌入内容应填满其容器时（大多数现代网站），使用 响应式（100% 宽度）。当你需要精确尺寸时（如视频播放器或方形地图），使用 固定宽度和高度。响应式嵌入通常与页面上的宽高比包装器配合使用。
是的。loading="lazy" 告诉浏览器仅在用户滚动到 iframe 附近时才加载它，从而加快初始页面加载速度 —— 尤其是在一个页面上有多个嵌入内容时特别有用。
不。所有内容均在你的浏览器中运行——URL、标题和选项从未离开你的设备。没有服务器、没有数据库、没有账户。
是的——而且这是一个很好的用途。你的 Knocket 联系主页旨在嵌入：访客可以直接在你的网站上获得在线聊天、WhatsApp、电子邮件和预订，无需填写表单或编写后端。粘贴你的 knocket.trtc.io/your-handle 网址并复制代码。
最适合嵌入的是能让人联系到你的事物。一个 Knocket 页面可以将在线聊天、WhatsApp、电子邮件和预约功能带到任何网站。
创建你的免费页面