工具
预览
预览
选择一个工具开始
oEmbed 链接
适合社交平台和 WordPress。
https://...iFrame 代码
适合博客和自定义网站。
...
什么是 oEmbed?
这是 WordPress、Twitter 和 Discord 都在使用的"魔法"技术。只需粘贴一个链接,它就会自动变成一张精美卡片。
最简单 适合内容创作者
什么是 iFrame?
它是嵌入另一个网站的"窗口"。纯 HTML 实现,通用性极强,适用于全球任何网站(Wix、Shopify、静态 HTML 等)。
通用 技术向
这些组件可以在哪里使用?
WordPress
100% 兼容。使用 oEmbed 链接(方案 A)或 iFrame(方案 B)均可。
Wix / Shopify
找到"嵌入网站"或"HTML"模块,使用带有 ?widget=true 的链接。
Squarespace
添加"代码块"并粘贴完整的 iFrame 代码。
自定义开发
任何平台都适用。直接复制粘贴 iFrame 代码即可。
使用 WordPress?安装指南
A 基础方案(无需插件)
复制 oEmbed 链接,直接粘贴到 WordPress 编辑器中,它会自动变成一张卡片。
显示被截断了?
出于安全原因,WordPress 会阻止自动调整高度。如果组件显示不完整,请尝试方案 B。
出于安全原因,WordPress 会阻止自动调整高度。如果组件显示不完整,请尝试方案 B。
手动解决方法: 可以在块的"高级"选项卡中添加 CSS 类或自定义样式来调整高度。
B 进阶方案(推荐)
让高度自动适配、不再截断内容:
- 从插件库安装免费的 Iframely 插件。
- 激活它(无需任何配置)。
- 再次粘贴链接,现在完美适配了! ✨
为什么选择我们的组件?
无需编写任何复杂代码,即可提升网站的用户停留时长和实用价值。
极速加载
通过 iFrame 隔离运行,确保主网站性能不受任何影响。
自适应设计
组件会自动检测可用空间,适配手机、平板和桌面端。
SEO 加分项
交互式工具能有效提升用户参与度,是 Google 排名的重要影响因素。
支持你常用的各大平台
WordPress
Notion
Your site
Squarespace