跳转到主要内容

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

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

作者:Ira
更新于今天

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

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


设置流程

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

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

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

主题设置

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

您可以自定义:

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

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

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

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

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

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

行为设置

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

受众管理

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

排程

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

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

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

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

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

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

显示

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

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

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

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

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

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

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

定向

Targeting 设置 允许您仅对特定客户群组显示表单,和/或在您店铺的特定 URL 上显示,和/或不在特定 URL 上显示。

访客定向选项包括:

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

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

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

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

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

页面定向选项包括:

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

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

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

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

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

地理位置定向选项包括:

  • 显示来自选定国家/地区的访客;

  • 不要向位于选定国家/地区的访客显示。

UTM 定向选项包括:

  • 添加 UTM 标签诸如utm_idutm_sourceutm_mediumutm_nameutm_term,和utm_content仅当访客访问的 URL 中包含所选的 UTM 参数时,该表单才会显示。

可见性

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

频率

频率 设置决定了在访客看到表单但未订阅的情况下,表单再次向其显示的频率。您可以设置表单在以下时间间隔后再次显示:

  • 分钟

  • 小时

注意:如果您关闭 Frequency settings,表单将始终向访客显示。Omnisend 建议您启用 Frequency setting,以限制表单的出现,避免给您的店铺访客造成过多干扰。

A/B测试(A/B Test)

使用A/B测试(A/B Test)来试验您表单的不同版本。这能让您比较表现,并优化以获得更高的转化。

布局

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

项目(模块)

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

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

电子邮件(Email)字段

电子邮件(Email)字段区块拖放到表单中的任意位置。您可以:

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

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

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

  • 自定义无效的电子邮件(Email)错误消息(默认:“The email address must contain @ and a valid domain”)。

电话号码字段

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

  • 设置占位符标签

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

  • 预填充一个默认国家,显示为国旗和国家代码。

请注意,电话号码字段需要向表单中添加一个法律声明区块(美国要求 TCPA,欧盟要求 GDPR)。此外,您可以根据您所在国家/地区的要求调整法律信息区块。继续阅读,了解有关 Legal block 的更多信息。

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

文本

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

按钮

您可以将按钮添加到以下任一位置:

  • 提交表单

  • 链接到特定 URL;

  • 进入下一步 如果您有多步骤表单;

  • 关闭表单

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

图片

您可以添加JPG、PNG 或 GIF图片(最大 2000 像素)。您还可以将图片链接到 URL,添加Alt 文本,以及调整您的图片大小。

💡 要调整已添加图片的大小,请将鼠标悬停在图片一角,然后按您想要的方式调整大小。

法律同意许可

法律同意许可 在收集电话号码时是必需的,建议在收集电子邮件(Email)时也这样做,以确保遵守诸如GDPR (欧盟) and (美国)

Form Builder 中,法律文本更简洁,但您可以完全自定义它。您可以:

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

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

  • 编辑当复选框未勾选时显示的错误消息;

  • 请根据您的受众在 GDPRTCPA 模板之间进行选择。

💡 要编辑同意许可文本,请点击区块内部并选择文本。

注意:联系人必须勾选法律条款框才能提交表单。为符合法规要求,建议您在隐私政策中清楚地说明电子邮件(Email)和电话号码将如何被使用(例如,用于营销目的)。

输入字段

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

  • 为该字段添加标签;

  • 设为必填

  • 通过 Theme Settings Fields 设置其样式。

日期

添加一个日期字段来收集生日或其他关键日期。与其他字段一样,您可以为其添加标签,将其设为必填项,并通过 Theme Settings Fields 自定义其样式。

下拉菜单

Dropdown 项可用于收集性别国家/地区自定义属性(Custom Property)等值。您可以:

  • 选择您想要收集的值;

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

  • 将字段设为必填,并添加必填错误消息。

如果您选择自定义属性(Custom Property)类型,您可以选择现有的自定义属性,或只需输入其名称即可创建一个新的。您也可以点击Add choice来添加您需要的选项。了解有关自定义属性的更多信息

Omnisend 自带的默认属性可让您收集电子邮件(Email)、姓名、电话号码等信息,而自定义属性则可让您收集默认情况下未包含的信息。

行/空格

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

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

  • 间距 允许您调整间距高度(单位:像素,最高 240 px)。

附加表单步骤

您可以为您的弹窗表单添加 第二个步骤,以创建多步骤体验。当您想要将数据收集拆分成更小的部分时,此功能非常有用,例如,先收集电子邮件(Email)地址,然后是电话号码,或其他详细信息。


要添加另一个步骤,请点击 Add optionNext step

成功/订阅消息

成功消息

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

在此视图中,您可以:

  • 编辑文本

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

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

默认错误消息会显示在每个表单字段旁边。虽然 Omnisend 提供了实用的默认文本(例如,针对法律复选框的 "This field is required"),但您也可以自定义这些文本,以匹配您的语气。您也可以在 Theme Settings Fields Error color 中更改错误文本颜色

订阅消息

使用 已订阅消息,以告知您的客户他们是否已订阅该联系人名单。此消息将显示给所有尝试使用此表单订阅但已存在于您的 Omnisend 受众中的客户。

💡 您可以进一步编辑该信息,或添加内容块(例如,折扣或感谢信息)。这有助于设定明确的预期,并奖励回头订阅者。

预告

Teaser 是一个显示在页面边缘的可点击小元素,点击后会打开您的弹出式表单,能以无缝方式吸引访客的注意力。您可以手动为任何弹窗添加预告,或使用 Forms Library 中启用预告的模板。

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

注意:联系人订阅后,预告内容将不再显示。

启用您的表单

一旦您的表单准备好上线,点击Enable即可发布。您也可以点击 Save & Close 保存进度,将其存为草稿而不发布。

常见问题

为什么我的弹窗没有显示在我的WooCommerce网站上?

如果您使用 Complianz 插件,它可能会阻止 Omnisend 弹窗。要修复此问题,请前往 Complianz plugin settings → Integrations tab → 禁用 Omnisend 集成。您的弹窗现在将显示,同时保持 GDPR 合规性。

我如何才能为移动端和桌面端设置不同的弹窗?

您可以创建两个独立的弹窗表单。设计一个针对移动设备优化的版本,再设计一个桌面版。然后前往 Behavior settings Visibility,并将一个表单设置为 "Mobile only",另一个设置为 "Desktop only"。

我的弹窗在所有页面上都显示,但我只想让它显示在主页上。

如果您将 "contains" 与您的主页 URL(例如,“mysite.com”)一起使用,那么该弹窗会显示在所有页面上,因为每个页面都包含该 URL。要仅在主页上显示表单,请将定位规则更改为 "is",并使用您的确切主页 URL。


还有其他问题吗? 欢迎随时联系 Omnisend 支持团队[email protected] 或通过应用内聊天。

这是否解答了您的问题?