工具
预览

选择一个工具开始

什么是 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。
手动解决方法: 可以在块的"高级"选项卡中添加 CSS 类或自定义样式来调整高度。
B 进阶方案(推荐)

让高度自动适配、不再截断内容:

  1. 从插件库安装免费的 Iframely 插件。
  2. 激活它(无需任何配置)。
  3. 再次粘贴链接,现在完美适配了! ✨

为什么选择我们的组件?

无需编写任何复杂代码,即可提升网站的用户停留时长和实用价值。

极速加载

通过 iFrame 隔离运行,确保主网站性能不受任何影响。

自适应设计

组件会自动检测可用空间,适配手机、平板和桌面端。

SEO 加分项

交互式工具能有效提升用户参与度,是 Google 排名的重要影响因素。

支持你常用的各大平台