跳转到主要内容

为弹窗和浮出表单设置自定义触发器

了解如何使用自定义触发条件(Trigger)用于您的 Omnisend 订阅表单(Signup Form)

作者:Ira
更新于今天

Omnisend 中的 Custom Triggers 让您能够显示表单,以响应您网站或您的在线店铺上的特定操作。

本指南将探讨实施自定义触发条件(Trigger)的步骤、额外的用例以及使用此功能时的限制。


什么是自定义触发条件(Trigger)?

自定义触发条件(Trigger)允许您仅当预定义操作在您的网站上发生时显示弹窗或浮出表单,例如按钮点击或自定义事件。

此功能非常适合您想要捕获潜在客户或在客户旅程的精准时刻提供优惠,而不是仅仅依赖基于时间或基于行为的触发器,例如页面滚动或离开意图。

自定义触发条件(Trigger)代码示例

window.omnisend = window.omnisend || []; 
window.omnisend.push(['openForm', '658c3b55768232c9e85d0453']);

唯一的表单ID,在此示例中为 '658c3b55768232c9e85d0453',当表单在 Omnisend 中创建时会自动生成,因此无需手动替换。每个表单都会有一个唯一的标识符。

设置流程

步骤 1. 创建您的表单. 首先在 Omnisend 中设计您的弹窗或浮动表单。创建完成后,前往表单编辑器中的行为设置部分。

步骤 2. 将显示设置为 '自定义触发条件(Trigger)'. 在行为设置显示, 选择选项自定义触发条件(Trigger)。这意味着表单将仅在您的网站上激活自定义触发条件(Trigger)时显示。

第 3 步。复制触发条件(Trigger)代码。In the自定义触发条件(Trigger)部分,复制 Omnisend 生成的代码片段。

第 4 步。将触发条件(Trigger)代码插入到您的网站。将代码放置在您的网站上,在您希望表单出现的元素或事件中。这可以是按钮点击、页面加载或任何其他自定义操作。

按钮触发的表单示例

<button class="button" onclick="openOmnisendForm()">Subscribe now</button> 

<script>
function openOmnisendForm() {
window.omnisend = window.omnisend || [];
window.omnisend.push(['openForm', '67120b11b81fbf158e687d4f']);
}
</script>

注意:67120b11b81fbf158e687d4f 是一个 FormID 的示例,您的表单将有所不同。

这里有一份简短的分步说明,适用于 Shopify 店铺所有者,介绍如何将“Subscribe Now”按钮添加到他们的店铺。

请注意,如果您不熟悉自定义 Shopify 主题,您可能需要寻求开发人员的帮助才能有效实施这些更改。

第一步。访问 Shopify Admin

  • 登录您的 Shopify 管理面板。

  • 在左侧菜单中,点击 在线店铺Themes

Step 2. 编辑您的主题

  • 在 Themes 部分,找到您的活跃主题,然后点击 ActionsEdit Code

步骤 3. 找到所需的页面或部分

  • 决定您想要放置按钮的位置。这可能在您的主页、一个特定的产品页面或页脚上。

  • 查找对应的 Liquid 文件。常见选项包括:

    • 主页的 index.liquid

    • product.liquid 用于产品页面。

    • footer.liquid 用于将其添加到网站页脚。

步骤 4. 插入按钮代码

  • 在您选择的 Liquid 文件中,找到您想要添加按钮的确切位置。例如,在 index.liquidproduct.liquid 文件中。

  • 将上面示例中提供的代码复制并粘贴到文件中。

  • 这将创建一个“Subscribe Now”按钮,点击后会打开 Omnisend 表单。

第 5 步。 保存您的更改并测试按钮

  • 代码插入后,点击编辑器右上角的"Save"

  • 访问您的 Shopify 店铺并前往您添加按钮的页面。

  • 点击 'Subscribe Now' 按钮以确保它会打开 Omnisend 表单。

限制

1.当您在 Omnisend 中使用自定义触发条件(Trigger)时,表单将仅在自定义事件被触发时显示,覆盖任何其他显示或定位规则。这有几个重要的含义。

  • 无其他定向选项。一旦您激活自定义触发条件(Trigger),您就无法叠加其他规则,例如'Appears on URLs'或'Target by specific segment'。当自定义事件被触发条件(Trigger)时,表单将始终显示,无论访问者是谁或他们正在浏览哪个页面。

  • 这也意味着全球适用性,因为基于触发条件(Trigger)的表单将会向所有与该触发条件(Trigger)互动的人显示,除非您添加自定义 JavaScript 来处理用户条件(例如,检查用户是否已登录、是否已完成购买等)。这需要在您这边进行开发人员设置。

2. 支持的表单类型。Omnisend 允许您创建各种类型的表单。但是,请务必注意并非所有表单类型都支持自定义触发条件(Trigger)。

  • 支持的表单:

    • 弹窗表单:这些表单以模态叠加层形式显示在网站上,常用于收集电子邮件(Email)注册或提供折扣。

    • Flyout Forms: 类似于弹窗,Flyout Forms 从屏幕侧面滑入,通常用于侵扰性较低的互动。

  • 不支持的表单:

    • Teaser Forms: 目前,teaser forms(显示简短提示,并要求用户点击才能查看完整表单的)不支持自定义触发条件(Trigger)。这些表单通常依赖于其他显示规则,当与自定义触发条件(Trigger)操作结合使用时,可能无法按预期运行。

    • 嵌入式表单:这些表单可以直接嵌入网页中,并可通过点击按钮或链接来触发条件(Trigger)。

3. 对营销策略的影响

  • 简单的营销结构。由于定位选项的限制,自定义触发器最适合直接的电子邮件(Email)收集过程,其目标是覆盖广泛的受众,且只需最少的自定义。

  • 例如,如果您正在进行限时抢购,一个自定义触发的弹窗表单可以有效地吸引兴趣,而无需复杂的定位规则。

Omnisend 中自定义触发条件(Trigger)的使用场景

按钮触发的表单

最常见的用例之一是在按钮点击时触发表单。这尤其适用于:

  • 订阅流程。当用户点击“加入我们的联系人名单”按钮时,随即显示一个订阅表单(Signup Form)。

  • 折扣优惠。当用户点击“Get Discount”按钮时,显示一个包含折扣码的促销表单。

  • 内容解锁。提供优质内容,例如电子书、网络研讨会或独家文章,这些内容可通过点击后解锁的表单获取。

到货通知

自定义触发条件(Trigger)也可用于启动到货通知表单。当客户点击缺货产品时,您可以触发条件(Trigger)一个表单,允许他们注册库存通知。这种方法可以帮助:

  • 在库存补货期间捕获潜在客户。

  • 培养客户兴趣和对产品补货的期待。

请注意,您需要自行创建按钮,因为 Omnisend 不会提供代码。

互动测验或游戏

如果您正在运行互动营销活动(例如测验),您可以使用自定义触发条件(Trigger)来在用户完成特定操作后显示表单。例如:

  • 在用户完成回答测验问题后,触发条件(Trigger)一个表单以收集电子邮件(Email)地址,用于比赛报名。

  • 在用户与您网站上的游戏或竞赛功能互动后,启动表单。根据他们的参与情况,向他们提供特别优惠。

测试与故障排除

  • 测试表单触发条件(Trigger)。嵌入代码后,访问您的店铺并执行触发条件(Trigger)操作(例如,点击按钮),以确保表单正确显示。

  • 检查控制台日志: 如果表单未显示,请使用您的浏览器控制台检查是否存在任何与表单或自定义触发条件(Trigger)脚本相关的错误。

自定义触发条件(Trigger)是很好的工具,可以在关键时刻吸引客户。它们非常适合提高新闻通讯注册量,在产品页面上获取潜在客户,或在需要时提供折扣,以提升您的营销效果。


如果您在使用此功能或任何其他 Omnisend 功能时遇到任何问题,请随时通过 [email protected] 或应用内聊天联系我们。Omnisend 全天候为您服务!

这是否解答了您的问题?