跳转到主要内容

创建弹窗订阅表单(Signup Form)

了解如何在 Omnisend 中创建弹窗订阅表单(Signup Form)

作者:Ira

弹窗是一种在您浏览时出现在您网站上的表单。它会根据特定的触发条件(Trigger)弹出,例如页面停留时间、滚动深度或退出意图。

弹出窗口可以帮助您收集电子邮件(Email)订阅、提供折扣和触发 Welcome automations,从而帮助您扩充您的联系人名单并与新访客互动。


设置流程

要创建弹窗表单,请前往 Forms → Create form → Style → 弹窗→ 选择模板。Forms 库中提供了多种弹窗表单模板,以满足您的需求。

一旦您选择一个模板,就会进入Form Builder,您可以在此进一步调整和编辑您的表单。表单构建器的主要功能是项目(也称为区块)、布局、行为, 和主题设置。

您可以使用表单构建器右上角的按钮撤销或重做无限次更改。但是,刷新页面将重置撤销历史记录,之前的更改将无法再撤销。

主题设置

Theme Settings 让您能够完全控制表单的外观,帮助您使其与您的网站设计无缝匹配。

您可以自定义:

  • 表单布局:选择显示类型(弹窗、嵌入式等),设置表单宽度,添加背景图片,以及在您的网站上定位表单(例如,居中、左下角)。

  • 表单样式:调整圆角和边框属性,包括宽度、线条样式、颜色和叠加颜色。

  • 按钮: 选择按钮样式(主要、次要或第三)并单独自定义每一个,改变字体、颜色、形状、悬停样式等。

  • 字段:通过编辑形状、颜色、字体和边框样式,定义表单字段(例如,电子邮件(Email)地址)的外观。

  • 关闭按钮: 选择是否显示关闭 (X) 按钮,并自定义该按钮的颜色和样式。

无论您是进行细微的视觉调整,还是进行更广泛的更改,Theme Settings 都能提供灵活性,助您打造一致、符合品牌形象且用户友好的体验。

行为设置

行为设置可帮助您控制当地点,和向谁显示您的表单,以及关键的受众和排程选项。

受众管理

通过受众管理设置,您可以:

排程

调度设置可帮助您通过设置来控制您的表单何时生效:

  • 始终显示表单 – 启用后,表单将持续显示,直到您手动禁用它为止。

  • 开始日期 – 表单将在选定日期自动开始显示。非常适合为营销活动(Campaign)提前做准备。

  • 结束日期 – 表单将在此日期后停止显示并自动禁用。适用于售后或限时优惠。

  • 开始和结束日期 – 最适合需要在特定时间范围内进行的限时促销。

注意:开始和结束日期遵循在您的...中设置的时区店铺设置 → 店铺信息

显示

显示设置可帮助您根据用户行为决定表单何时出现:

  • 页面访问次数 – 设置在表单出现前,访客必须浏览的页面数量。

  • 页面停留时间 – 设置访客需要停留在您网站页面上的时间(以秒为单位),表单才会显示。

  • 滚动深度 – 设置访客需要在页面上滚动多远的百分比,表单才会显示;

  • 退出意图 – 如果您希望表单在访客即将离开页面时显示,请将其设置为退出意图。此设置将适用于台式电脑、平板电脑和手机。它基于滚动速度,因此当用户快速向上滚动页面时,启用了退出意图显示的表单就会显示。

  • 自定义触发条件(Trigger) – 设置表单以响应您网站上的特定操作而显示。了解更多关于弹窗表单的自定义触发器

注意: 您可以同时使用所有显示选项,但我们建议保持简单。所有规则通过 ' 连接。或”逻辑,即如果您选择多个显示选项,用户需要访问多个页面,或在页面上停留一段时间,或滚动页面的 % 才能看到表单。

定向

定位设置允许您根据访客、页面、位置、来源、UTM 和当前购物车详情在 Shopify 商店中显示表单。

访客定向选项包括:

  • 所有访客。向所有访问您网站的访客显示您的表单;

  • 不向现有联系人显示。专门面向新访客和潜在客户,不影响您现有的订阅者;

  • 向现有联系人显示。向您的忠实订阅者提供专属优惠和最新动态;

  • 按特定细分(Segment)定位。包含或排除特定细分(Segment),以决定是否显示您的表单。

当有人访问您的店铺并与订阅表单(Signup Form)互动时,Omnisend 会在其浏览器中放置一个 Cookie,以记住他们是否已经注册。如果他们再次访问,表单会根据 cookie 识别出该客户,并且不会再次显示订阅提示,从而防止重复注册。

页面定向选项包括:

  • 在 URL 上显示会将表单显示在特定页面或包含特定 UTM 的页面上;

  • 不在 URL 上显示可阻止表单在特定页面或带有特定 UTM 的页面上显示;

  • 显示在缺货产品的页面上。

⚠️ 重要:确保您输入的 URL 与浏览器中的 URL 完全一致。某些浏览器在复制 URL 时会更改特殊字符,这可能会影响表单的可见性。

注意:页面和访客定位遵循“AND”逻辑, 这意味着必须满足所有条件,表单才会显示。

购物车定位选项包括:

  • 购物车价值 根据访客的最低购物车总额显示表单

  • 购物车项目 根据访客购物车中的最低项目数量显示表单。

注意: 注册表单中的购物车定位选项仅适用于 Shopify 商店。

位置定位选项包括:

  • 显示在 选定国家的访客;

  • 不向 选定国家的访客显示。

UTM 定向选项包括:

  • 添加 UTM 标签,例如utm_id,utm_source,utm_medium,utm_name,utm_term 和utm_content。仅当访客访问的 URL 中包含所选的 UTM 参数时,表单才会出现。

可见性

可见性设置定义了表单应显示的设备。 您可以选择在所有设备上显示,或仅在移动设备或桌面上显示。

频率

频率设置决定了如果访客在显示后不订阅,表单将多久重新出现一次。您可以设置表单在以下间隔后重新出现:

  • 秒

  • 分钟

  • 小时

  • 天数

注意: 如果您关闭频率设置,表单将始终向访客显示。我们建议启用频率设置 以限制表单的出现,避免让您的商店访客感到不知所措。

提交后重定向

使用提交后重定向自动将访客发送到选定的URL。

A/B 测试

使用 A/B 测试 来尝试不同版本的表单。这使您能够比较性能并优化以获得更高的转化率。

布局

从多种布局类型中选择,然后拖放它们到您的表单中。添加布局后,您可以开始将内容块直接放入其中。

项目(块)

从左侧边栏,您可以 拖放 特定内容块到您的表单布局中。

可用块包括:电子邮件字段、电话号码字段、文本、按钮、图片、法律同意、输入字段、日期、下拉菜单、行/空格、幸运轮等,提供您构建高转化率弹出窗口所需的一切。

电子邮件字段

将 电子邮件字段 块拖放到表单中的任何位置。您可以:

  • 设置 占位符(例如,“输入您的电子邮件”);

  • 使字段 必填 并自定义错误消息(默认:“此字段为必填项”);

  • 添加 标签(例如,“电子邮件”或“在此留下您的电子邮件”);

  • 自定义 无效电子邮件错误消息(默认:“电子邮件地址必须包含 @ 和有效域名”)。

电话号码字段

添加 电话号码字段 以收集手机数据。您可以:

  • 设置 占位符 和 标签。

  • 使字段必填并自定义 错误消息(默认:“此字段为必填项” / “必须是有效的电话号码”)。

  • 预填 默认国家,以国旗和国家代码显示。

  • 控制电话号码下拉菜单中可用的国家。选择 显示这些国家 仅允许选定国家,或选择 不显示这些国家 以排除特定国家。

重要: 收集电话号码时需要法律块(例如,GDPR 适用于欧盟,TCPA 适用于美国)。您可以调整文本以满足合规要求。了解更多关于法律同意块的信息。

文本

使用 文本块 添加任何内容。要编辑文本,请单击块并使用右侧面板调整字体、大小、行高和颜色。

按钮

您可以添加一个 按钮 来:

  • 提交表单;

  • 链接到 特定 URL;

  • 转到下一步 如果您有一个多步骤表单;

  • 关闭表单。

您还可以调整按钮文本、样式和对齐方式,并在 主题设置 中进一步编辑全局按钮样式。

💡 您可以在同一表单步骤中添加多个按钮。要将按钮点击保存为 自定义属性,请将每个按钮设置为 提交表单,开启 映射到自定义属性,输入自定义属性名称和要保存的值。

图片

您可以添加 JPG、PNG 或 GIF 图像(最大 2000px)。您还可以 链接 图像到 URL,添加 替代文本,并 调整大小 您的图像。

1💡 要调整添加的图像的大小,请将鼠标悬停在图像的角落并按您想要的方式调整大小。

法律同意

法律同意 在收集电话号码时是必需的,并建议在收集电子邮件时使用,以确保遵守法规,例如GDPR (欧盟) and (美国)

在 表单构建器 中,法律文本更简洁,但您可以完全自定义它。您可以:

  • 调整法律信息,以向您的订阅者传达您将如何使用他们的数据(例如,用于营销);

  • 添加您的 隐私政策链接(必填);

  • 编辑未选中时显示的错误消息;

  • 根据您的受众选择GDPR和TCPA模板。

💡 要编辑同意文本,请单击块内并选择文本。

注意:复选框默认未选中。联系人必须在提交表单之前主动勾选它。为了合规,我们建议在您的隐私政策中明确说明电子邮件和电话号码将如何使用(例如,用于营销目的)。

输入字段

使用此块收集额外数据,例如 名字、姓氏、地址、城市、州、邮政编码、 和 自定义属性。您可以:

  • 标记字段;

  • 使其为必填;

  • 通过主题设置 → 字段样式。

日期

添加一个 日期字段 来收集生日或其他关键日期。与其他字段一样,您可以为其标记,设置为必填,并通过 主题设置 → 字段 自定义其样式。

1f4a1 了解更多关于 生日自动化。

下拉菜单

下拉菜单 项可用于收集诸如 性别、国家 或 自定义属性 等值。您可以:

  • 选择您想要收集的值;

  • 管理标签、占位符文本和对齐;

  • 使字段为必填并添加必填错误信息。

如果您选择自定义属性类型,您可以选择现有的自定义属性或通过简单地输入其名称来创建一个新的。您还可以通过单击添加选择来添加所需的选项。了解更多关于自定义属性。

Omnisend附带的默认属性允许您收集诸如电子邮件、姓名、电话号码等信息,而自定义属性允许您收集默认情况下未包含的信息。

行/空间

使用行/空间项目为您的表单添加视觉分隔。您可以根据自己的喜好在这两个选项之间切换。

  • 行允许您自定义边框、宽度、样式、对齐和颜色。

  • 空间允许您调整间距高度(以像素为单位,最多240像素)。

附加表单步骤

您可以在弹出表单中添加 最多三个额外步骤(最多 4 个完整步骤),以创建 多步骤体验。当您想将数据收集分成较小的部分时,这很有用,例如,先收集电子邮件地址,然后是电话号码或其他详细信息。


要添加另一个步骤,请单击 + 图标 → 下一步。

成功/订阅消息

成功消息

在联系人提交表单后,会显示 成功消息。您可以通过从表单构建器底部菜单切换到 成功 步骤来完全自定义它。

在此视图中,您可以:

  • 编辑文本;

  • 添加按钮、图像或其他块;

  • 个性化布局以匹配您的品牌。

注意: 默认错误消息 显示在每个表单字段旁边。虽然我们提供了有用的默认文本(例如,"此字段为必填" 用于法律复选框),您可以自定义它们以匹配您的语气。您还可以更改错误文本颜色 在主题设置 → 字段 → 错误颜色。

订阅消息

使用 订阅消息 来通知您的客户如果他们已经订阅了联系人列表。此消息将显示给所有尝试使用此表单订阅但已存在于您的 Omnisend 受众中的客户。

1f4a1 您可以进一步编辑消息或添加块(例如,折扣或感谢消息)。这有助于设定明确的期望并奖励回归的订阅者。

预告

预告 是一个小的可点击元素,出现在页面边缘,点击时会打开您的弹出表单,提供一种无缝的方式来吸引访问者的注意。您可以手动将预告添加到任何弹出窗口,或使用表单库中的启用预告的模板。

预告遵循与您的弹出窗口相同的可见性设置,因此您可以选择在桌面、移动设备或两者上显示它们。

注意: 预告在联系人订阅后停止显示。

启用您的表单

一旦您的表单准备好上线,请单击 启用 发布您的表单。您还可以通过单击 保存并关闭 将其保留为草稿而不发布。

常见问题

为什么我的弹出窗口在我的 WooCommerce 网站上不显示?

如果您使用 Complianz 插件,它可能会阻止 Omnisend 弹出窗口。要解决此问题,请转到 Complianz 插件设置 → 集成选项卡 → 禁用 Omnisend 集成。您的弹出窗口现在将显示,同时保持 GDPR 合规性。

我如何拥有两个不同的移动和桌面弹出窗口?

您可以创建两个单独的弹出窗口表单。设计一个适合移动端的和一个适合桌面的。然后转到行为设置 → 可见性,并将一个表单设置为“仅限移动设备”,另一个设置为“仅限桌面”。

我的弹出窗口显示在所有页面上,但我只想在主页上显示。

如果您在主页 URL 中使用了 "包含"(例如,"mysite.com"),则弹出窗口将在所有页面上显示,因为每个页面都包含该 URL。要仅在主页上显示表单,请将目标更改为“是”,并输入您的确切主页URL。


还有任何问题吗?请随时通过以下方式联系支持团队[email protected] 或通过应用内聊天。

这是否解答了您的问题?