自定义 HTML 模块让您可以在 Omnisend 的 Omnisend邮件构建器（Email Builder）中向电子邮件（Email）添加自己的代码。您可以用它来嵌入第三方小部件、应用自定义样式，或插入高级内容元素，例如倒计时器。

在 Omnisend 中使用自定义 HTML 的两种方法：

本文介绍了适用于电子邮件（Email）营销活动和自动化流程（Automation）工作流（Workflow）的 HTML 模块工作流（Workflow）。

在添加 HTML 之前，请检查：

1.在 Omnisend邮件构建器（Email Builder）中，打开添加元素菜单，并将HTML模块拖动到您的电子邮件（Email）内容中。

2.点击 HTML 模块，在右侧边栏中打开 HTML 编辑器。

3.在编辑器中粘贴或编写您的 HTML 代码。

4.点击 "Save"。

HTML 模块允许您添加自定义代码，例如倒计时器、表格和小部件。使用内联 CSS 进行样式设置，并在发送前测试您的电子邮件（Email）。

为确保您的电子邮件（Email）能与主要的电子邮件（Email）客户端兼容，HTML 模块仅支持有限的 HTML 标签、属性和 CSS 样式。

<a><p><br><span><hr><ul><li><ol><u><strong><em><s><sub><sup><pre><h1><h2><h3><img><table><tr><td>

查看带属性的完整联系人名单：

您的代码包含不支持的标签或编码问题。

修复：

导致错误的不支持的标签：
​<iframe><script><div><font><video><audio><object><embed>

空白预览通常意味着图片 URL 缺少 https://，或者您已移除必需的包装标签。

修复：

否Omnisend的Omnisend邮件构建器（Email Builder）是视觉优先的，并且不提供用于整个电子邮件（Email）的原始HTML编辑器。

您只能在单独的自定义 HTML 块中编辑 HTML。

要编辑完整的电子邮件（Email）HTML：

电子邮件（Email）客户端，例如 Gmail、Outlook 和 Apple Mail，在深色模式下会覆盖 CSS，无论是否使用 !important 声明。

推荐：
设计您的电子邮件（Email），使其在浅色和深色模式下均美观。使用测试Preview → Dark Mode 切换发送前。

Omnisend 不会突出显示导致错误的具体行。

要修复：

您可以通过使用自定义 HTML 模块，将倒计时器添加到电子邮件（Email）营销活动或自动化流程（Automation）工作流中。

选择您的设置：

步骤 1：拖放将 HTML 模块 放入您的电子邮件（Email）模板中。

步骤 2：创建倒计时器：

第 3 步：将代码粘贴到 Omnisend 的 HTML 模块中，然后点击保存。

将计时器居中：

要使计时器动态化（从发送时间开始计时）：

将 [[ current_date | date: "%s" | plus: 86400 ]] 添加到图片网址。

此函数将当前日期/时间转换为秒，并向发送时间增加 86400 秒（1 天）。

示例：

您可以将 86400 更改为任意秒数。例如：

对于自动化流程（Automation）工作流程，您需要一个动态计时器，它会在每次发送电子邮件（Email）时计算过期日期。

示例用例：添加动态倒计时器，使其在折扣码过期时失效（电子邮件（Email）发送后2天）。

让我们根据一个特定的用例添加计时器：想象一下您想要一个动态计时器，该计时器在促销结束时到期（使用折扣商品）。

步骤 1. 在 Omnisend 中创建您的自动化流程（Automation） → 打开 Omnisend邮件构建器（Email Builder）并为您的促销活动添加一个折扣区块。设置您的折扣的有效期，该日期将与您的计时器的有效期相同。

第 2 步。在此处添加一个 HTML 代码，其中包含一个倒计时器，显示折扣码何时到期。复制年-月-日和时区偏移 HTML 来自 Nifty images，并将其添加到 Omnisend 中的 HTML Item。

现在您需要将日期格式更改为 Omnisend 日期格式。在您的代码中查找日期。您会看到每个个性化标签之间有一个破折号，您将用 Omnisend 动态日期标签替换它。

从代码中移除日期部分，并插入 Omnisend 个性化标签：[[current_date | date:'%Y']]-[[current_date | date:'%m']]-[[current_date | date:'%d']]。

替换后，日期将显示为零，但当电子邮件（Email）发送出去时，这里将显示实际日期，因为 Omnisend 添加了个性化标签。

Step 3. 调整时区。在个性化中，您会看到一个设置为格林威治时间的时区。您需要将其更改为您的账户的时区。如下图所示，根据您的时区，将“T00:00:00-07”更改为“T00:00:00+2”等。

步骤 4. 您的计时器已设置为今天的日期，但您也希望它能动态倒计时，直到您的促销活动结束（折扣有效期设置为 2 天）。

例如，如果您的折扣码在2天后过期，您需要让您的计时器动态运行72小时（今天不计算在内，所以您需要在2天的基础上再增加24小时）。

为此，请前往 Niftyimages，复制此代码，返回 Omnisend 中的 HTML 项目，并将其放置在格式标签之后。请注意，小时数应根据您的销售时长进行调整。如果您的折扣在 10 天内到期，您必须输入 264 (240h+24h)。

以下是粘贴在 Omnisend 中的代码示例：

这样就可以了；您已设置计时器，使其运行直到您的促销活动结束。请记住，您只能通过自行触发自动化流程（Automation）来测试它。

如果您在 Canva 中设计了您的电子邮件（Email），并希望将其作为完整模板导入：