跳转到主要内容
所有收藏注册表格注册表格
Omnisend 中的弹出或飞出表单的自定义触发器
Omnisend 中的弹出或飞出表单的自定义触发器

学习如何使用自定义触发器来实现 Omnisend 注册表单的应用

Ira avatar
作者:Ira
本周更新

在 Omnisend 中,自定义触发器允许您根据网站或在线商店上的特定操作显示表单。

本指南探讨了实施自定义触发器的步骤、附加用例以及使用该功能时的限制。


什么是自定义触发器?

自定义触发器允许您仅在网站上发生预定义动作(如按钮点击或自定义事件)时显示弹出或弹窗表单。

当您希望在客户旅程中捕获潜在客户或在精确时刻提供优惠时,而不是仅依赖时间或行为触发时,此功能非常有用。

自定义触发器代码示例

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

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


设置过程

步骤 1. 创建您的表单。 首先在 Omnisend 中设计您的弹出或飞出表单。 创建后,导航到表单编辑器的行为设置部分。

步骤 2. 将显示设置为“自定义触发器”。 在行为设置显示中,选择自定义触发器选项。 这意味着表单将仅在自定义触发器在您网站上激活时出现。

步骤 3. 复制触发器代码。 在自定义触发器部分,复制 Omnisend 生成的代码片段。

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

按钮触发表单示例

<button class="button" onclick="openOmnisendForm()">现在订阅</button> <script>   function openOmnisendForm() {     window.omnisend = window.omnisend || [];     window.omnisend.push(['openForm', '67120b11b81fbf158e687d4f']);}</script>

注意: 67120b11b81fbf158e687d4f 是一个 FormID 的例子,您表单的 ID 将与此不同。

这是针对 Shopify 店主的简短分步说明,如何在商店中添加“立即订阅”按钮。

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

步骤 1. 访问 Shopify 管理后台

  • 登录到您的 Shopify 管理面板。

  • 在左侧菜单中,点击 在线商店主题

步骤 2. 编辑您的主题

  • 在主题部分,找到您的活动主题,然后点击 操作编辑代码

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

  • 决定您想放置按钮的位置。 可以是在您的主页、特定产品页面或页脚。

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

    • index.liquid用于主页。

    • product.liquid用于产品页面。

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

步骤 4. 插入按钮代码

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

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

  • 这将创建一个“立即订阅”按钮,点击时会打开 Omnisend 表单。

步骤 5. 保存更改并测试按钮

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

  • 访问您的 Shopify 商店,转到您添加按钮的页面。

  • 点击“立即订阅”按钮以确保它可以打开 Omnisend 表单。


限制

1. 在 Omnisend 中使用自定义触发器时,仅当触发自定义事件时,表单才会显示,覆盖任何其他显示或定位规则。 这带来了几个重要的影响。

  • 无其他定位选项。 一旦激活自定义触发器,就无法叠加其他规则,如“显示在某些 URL 上”或“按特定分段定位”。 无论访客是谁或他们在什么页面上,只要触发自定义事件,表单将始终显示。

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

2. 支持的表单类型。 Omnisend 允许您创建各种类型的表单。 但是,重要的是要注意,并非所有表单类型都支持自定义触发器。

  • 受支持的表单

    • 弹出表单:这些表单出现在网站上的模态覆盖中,通常用于捕获电子邮件注册或提供折扣。

    • 飞出表单:类似于弹出窗口,飞出表单从屏幕的一侧滑入,通常用于不那么干扰的参与。

  • 不支持的表单

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

    • 嵌入式表单:这些表单可以直接嵌入到网页中,可以通过点击按钮或链接触发。

3. 对营销战略的影响

  • 简单的营销结构。 由于目标选项的限制,自定义触发器最适合于直接的电子邮件收集过程,目标是以最小的定制化达到广泛的受众。

  • 例如,如果您正在进行限时促销,则可以通过自定义触发的弹出表单有效捕获兴趣,而无需复杂的定位规则。


在 Omnisend 中使用自定义触发器的用例

按钮触发表单

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

  • 注册过程。 当用户点击“加入我们的邮件列表”按钮时,显示注册表单。

  • 折扣优惠。 当用户点击“获取折扣”按钮时,显示包含折扣代码的促销表单。

  • 内容解锁。 提供高级内容,如电子书、网络研讨会或独家文章,并在点击后通过表单解锁。

断货通知

自定义触发器还可用于启动缺货通知表单。 当客户点击缺货产品时,您可以触发允许他们注册补货通知的表单。 这种方法可以帮助:

  • 在库存补充时捕获潜在客户。

  • 建立客户对产品补货的兴趣和期望。

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

互动小测试或游戏

如果您正在进行互动活动(如小测试),可以在用户完成特定操作后使用自定义触发器显示表单。 例如:

  • 在用户完成测验问题后,触发表单以收集电子邮件地址用于竞赛参与。

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


测试和故障排除

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

  • 检查控制台日志:如果表单未出现,请使用浏览器的控制台检查是否有与表单或自定义触发脚本相关的错误。


自定义触发器是一个很好的工具,可以在客户真正需要时吸引他们。 它们非常适合提高新闻简报的注册量,捕获产品页面上的潜在客户,或在需要时提供折扣以提升您的营销效果。

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

这是否解答了您的问题?