跳转到主要内容

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

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

作者:Ira

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

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


设置流程

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

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

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

主题设置

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

您可以自定义:

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

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

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

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

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

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

行为设置

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

受众管理

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

排程

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

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

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

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

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

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

显示

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

  • 个性化触发器 – 如果访客没有提交表单,则在同一会话中再次显示表单,给访客另一个参与的机会。

  • 页面访问 – 设置访客必须查看的页面数量,才能显示表单。

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

  • 滚动深度 – 设置访客需要在页面上滚动的百分比,以便表单出现;

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

  • 自定义触发器 – 设置表单在访客网站上的特定操作时出现。了解更多关于弹出表单的自定义触发器

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

定向

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

访客定向选项包括:

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

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

  • 向现有联系人显示。 向您的忠实订阅者提供独家优惠和更新;

  • 按特定细分目标。 包括或排除特定细分,以查看或不查看您的表单。

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

页面定向选项包括:

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

  • 不在 URL 上出现 阻止表单在特定页面或包含特定 UTM 的页面上显示;

  • 在缺货产品的页面上出现。

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

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

购物车定向选项包括:

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

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

注意: 注册表单中的购物车定向选项仅适用于 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,添加 替代文本,并 调整大小 您的图片。

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

法律同意

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

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

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

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

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

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

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

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

输入字段

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

  • 标记字段;

  • 使其成为必填项;

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

日期

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

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

下拉菜单

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

  • 选择您想要收集的值;

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

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

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

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

行/空格

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

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

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

附加表单步骤

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


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

成功/订阅消息

成功消息

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

在此视图中,您可以:

  • 编辑文本;

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

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

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

订阅消息

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

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

预告

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

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

注意: 一旦联系人订阅,预告将停止显示。

启用您的表单

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

常见问题

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

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

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

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

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

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


还有其他问题吗? 随时通过以下方式联系我们的支持团队[email protected] 或通过应用内聊天。

这是否解答了您的问题?