如何将 Poe Canvas 应用嵌入网站

用简单的 iframe 将 Poe Canvas 应用嵌入任何网站,支持 WordPress、Wix、Squarespace、Notion。访客无需 Poe 账号即可使用。

使用标准的 iframe 代码片段,把已发布的 Poe Canvas 应用嵌入任何网站。

概览

当你用 AppToPub 把 Poe Canvas 应用转换成独立网页应用后,就能用标准 iframe 直接嵌入自己的网站。访客无需离开你的网站即可使用你的 AI 应用 — 非常适合作品集、客户展示、落地页与产品展示。

开始前,请确认你已有一个拥有有效公开网址的已部署 AppToPub 应用,以及可访问你网站的 HTML 编辑器或 CMS 页面编辑器。若你尚未转换 Canvas 应用,请先完成转换。

逐步操作说明

  1. 发布应用 — 在 AppToPub 转换并发布你的 Poe Canvas 应用,使它获得公开网址。
  2. 复制公开网址 — 在 Projects 仪表板中,复制应用的公开网址(例如 apptopub.com/app/your-slug)。
  3. 构建 iframe 片段 — 把网址包进 iframe 标签,例如 <iframe src="https://apptopub.com/app/your-slug" width="100%" height="600" frameborder="0"></iframe>。
  4. 粘贴入你的主机网站 — 在 WordPress、Wix、Squarespace 或 Notion 中,新增一个自定义 HTML／嵌入区块,粘贴 iframe 片段。
  5. 发布并验证 — 保存并发布主机页面,然后加载页面确认嵌入的应用正确显示。

疑难排解

嵌入显示空白白框

请确认应用网址正确且部署仍在运作。免费方案的应用会在 72 小时后失效;升级至付费方案可获得永久托管。

应用可加载,但在移动设备上显示异常

请使用以百分比 padding-bottom 设置的响应式嵌入,并确认你的 Canvas 应用 CSS 没有使用无法适应窄视窗的固定像素宽度。

我的 CMS 过滤了 iframe 代码

部分平台会清理 HTML。请使用可绕过清理的「HTML 嵌入」或「代码区块」组件;在 WordPress 上,自定义 HTML 区块可正常运作。

常见问题

我可以嵌入到 WordPress、Wix、Squarespace 或 Notion 吗?

可以。在这些平台中新增一个自定义 HTML／嵌入区块,并粘贴 iframe 片段即可。

嵌入会影响我的 API 用量吗?

嵌入的应用会与托管的应用发出相同的 AI 调用,并计入 API 密钥的配额。请设置分析以监控浏览次数与 API 调用。

相关指南