如何在您的网站中嵌入倒计时
如果您使用 Blogger、WordPress、Drupal 或类似的内容管理或博客软件，粘贴嵌入代码时必须确保在 HTML 模式下编辑内容。
从 CountingDownTo.com 嵌入倒计时小部件与从 YouTube.com 等网站嵌入视频非常相似。在 CountingDownTo.com 上，点击"我的倒计时"，然后点击您要嵌入的倒计时名称，即可找到目标倒计时。或者，您可以点击"新倒计时"创建新的倒计时小部件。倒计时下方会显示"嵌入到您的网站"按钮。点击该按钮。按钮下方会显示 HTML 代码。代码外观类似下方截图。复制代码并粘贴到您的网站或博客中。
如果您已按照本页说明操作但仍无法嵌入倒计时，请 联系我们 获取帮助。
哪些平台可以嵌入实时倒计时？
大多数允许粘贴自定义 HTML 或 iframe URL 的网站都能显示实时运行的 倒计时。少数页面构建器和设计工具会完全阻止 iframe。 以下是我们实际验证的结果：
| 平台 | 实时倒计时？ | 说明 |
|---|---|---|
| WordPress（自托管） | 是 | 在区块编辑器中添加 Custom HTML 区块并粘贴嵌入代码。或在我们的 WordPress 插件发布后使用。 |
| WordPress.com | 取决于套餐 | 免费套餐会移除 iframe。付费套餐需先激活"hosting features"才能使用自定义 HTML。更多信息。 |
| Squarespace | 是（Business 套餐及以上） | 添加 Code 区块并粘贴嵌入代码。需要 Business 套餐或更高版本。 |
| Wix | 是 | 使用 Embed HTML 元素。将 iframe 宽度和高度设置为与倒计时匹配，以免被裁剪或出现滚动条。 |
| Google Sites | 是 | 使用 Insert → Embed 并粘贴嵌入代码或 iframe URL。 |
| Shopify | 是（有注意事项） | 通过主题 Custom Liquid 或自定义 HTML 区块实现。在产品描述中不可用 （Shopify 会在该处移除 iframe）。 |
| Notion | 是 |
输入 /embed 并粘贴倒计时的直接 /w4/ 链接（不是普通分享链接）。
|
| Canva | 否 | Canva 不支持 iframe 或实时外部嵌入。这是 Canva 的限制，不是您的操作问题。 |
| Blogger、Drupal、Weebly、Joomla! | 是 | 将嵌入代码作为自定义/原始 HTML 粘贴 — 请参阅下方各平台说明。 |
| Facebook、WhatsApp、YouTube | 否 | 这些平台不允许第三方 iframe 嵌入。请改为分享已发布倒计时页面的链接。 |
| 邮件客户端 | 否（使用 GIF） | 邮件客户端会阻止 iframe。请改用我们的 邮件 GIF 倒计时。 |
在 WordPress 中嵌入倒计时
自托管 WordPress： 在区块编辑器中，添加 Custom HTML 区块（+ → 搜索"Custom HTML"）并粘贴我们提供的嵌入代码。编辑器预览中不会显示倒计时 — 请发布或预览页面查看效果。
WordPress.com： 免费 WordPress.com 网站不支持 iframe （更多信息）。 付费套餐需先启用 hosting features，Custom HTML 区块才能渲染 iframe。我们的 WordPress 插件发布后，我们会更新此页面。
经典编辑器用户： 如果您仍使用旧的 Visual/HTML 编辑器，粘贴前请选择 HTML （而非 Visual）。对于区块编辑器，此视频演示 Custom HTML 方法：
在 Squarespace 中嵌入倒计时
Squarespace 需要 Business 套餐或更高版本 才能嵌入自定义代码。编辑页面，点击 + 添加区块，搜索 Code，并将嵌入代码粘贴到 Code 区块中。保存并预览 — 已发布页面上倒计时应实时运行。
在 Wix 中嵌入倒计时
在 Wix 编辑器中，点击 + Add Elements → Embed Code → Embed HTML。粘贴嵌入代码并点击 Update。
重要 — iframe 尺寸：
如果倒计时被裁剪或出现滚动条，请打开嵌入元素设置，将宽度和高度设置为与嵌入代码中的尺寸一致（通常与 <iframe>
标签相同）。Wix 并不总是自动调整嵌入 iframe 的尺寸。
观看短视频 了解如何在 Wix 中添加倒计时。
在 Google Sites 中嵌入倒计时
编辑网站时，点击 Insert → Embed。选择 Embed code 并粘贴我们提供的嵌入代码。调整页面上的嵌入框大小，确保完整显示倒计时。
在 Shopify 中嵌入倒计时
将嵌入代码添加到主题的 Custom Liquid 区块或自定义 HTML 区块（Online Store → Themes → Customize → Add section）。倒计时会在您放置它的页面上实时显示。
产品描述不可用： Shopify 会从产品描述中移除 iframe HTML — 这是平台限制，不是 CountingDownTo 的限制。请改用着陆页、系列描述或自定义页面区块。
在 Notion 中嵌入倒计时
在任意 Notion 页面输入 /embed
并按 Enter。粘贴倒计时的直接链接（嵌入面板中的 /w4/
URL，不是普通分享链接）。Notion 会以 iframe 形式显示倒计时小部件。
Canva — 目前不可用
Canva 的网站和设计编辑器不支持 iframe 嵌入或实时外部小部件。粘贴我们的嵌入代码或链接不会产生实时运行的倒计时。如果 Canva 未来添加 iframe 或外部 URL 图片支持，我们会更新此页面。
在 Blogger 中嵌入倒计时
将嵌入代码粘贴到 Blogger 博客前，请确保选择"Edit HTML" NOT "Compose"。请注意，编辑文章时倒计时不会显示，只有在发布或预览时才会显示。
在 Drupal 中嵌入倒计时
将嵌入代码粘贴到 Drupal 网站前，请确保在"Input format"设置中选择"Full HTML"。请注意，编辑页面时倒计时不会显示，只有在保存或预览时才会显示。
在 Weebly 中嵌入倒计时
使用 Custom HTML 元素在 Weebly 网站中嵌入倒计时小部件。
在 Joomla! 中嵌入倒计时
请参阅以下说明： 在 Joomla! 中嵌入倒计时
Joomla 默认的 TinyMCE 编辑器在保存时可能会移除或重写 iframe 标签。如果倒计时不显示，请尝试为该文章禁用 WYSIWYG 编辑器，或使用 Mod HTML 模块直接放置嵌入代码。
不支持 iframe 嵌入的平台
以下平台无法 显示实时 iframe 倒计时，无论使用哪种嵌入代码：
- Facebook — 请改为分享已发布倒计时页面的链接。
- WhatsApp — 分享链接；WhatsApp 不会渲染嵌入 HTML。
- YouTube — YouTube 频道页面和视频描述不支持第三方 iframe。
- 邮件客户端 — Gmail、Outlook、Mailchimp 等邮件应用出于安全原因会阻止 iframe。请改用我们的 邮件 GIF 倒计时 功能 — 它会生成在几乎所有邮件客户端中都能使用的动画图片。