跳转到主要内容

订阅表单(Signup Form): 您可以添加到表单中的项目

了解您可以将哪些项目添加到您的订阅表单(Signup Form)内容中

作者:Ira

向您的订阅表单(Signup Form)添加拖放项目,以收集电子邮件(Email)、电话号码、自定义数据,并提升互动率。可从 13 余种项目中选择,包括字段、按钮、图片和游戏化。

在本文中,您将了解 Form Builder 中所有可用的项目以及如何使用它们。


什么是表单项?

表单项是可重复使用的元素,您可以从左侧边栏将其拖动到您的订阅表单(Signup Form)中。它们可以帮助您:

  • 收集订阅者数据(电子邮件(Email)、电话、姓名、生日、偏好)。

  • 确保遵守 GDPR 和 TCPA。

  • 创建吸引人的体验(幸运转盘、倒计时器)。

表单构建器中打开您的表单 → 将左侧边栏中的项目拖动到您的表单布局中 → 使用右侧菜单自定义每个项目。

💡 所有字段都可以通过 Theme settings 下的 Fields 进一步调整。了解更多关于主题设置.

电子邮件字段

通过在表单中的任何位置添加 电子邮件 字段来收集 电子邮件地址

电子邮件(Email) 字段从左侧边栏拖动到您的表单中。您可以自定义:

  • 占位符文本:字段中显示的默认文本(例如,“输入您的电子邮件(Email)”)。

  • 标签: 字段上方的文本(例如,“电子邮件(Email)”)。

  • 必填字段:将该字段设为必填项。

  • 错误消息:自定义字段未正确填写时显示的消息(例如,“电子邮件(Email)地址必须包含@和有效域名”)。

  • 输入框对齐:选择字段的对齐方式为左对齐、居中、右对齐或两端对齐。

  • 内边距:调整字段的内部间距。

电话号码字段

通过预定义的国家/地区代码字段收集电话号码

电话号码 字段拖动到您的表单中并进行自定义:

  • 占位符文本:字段中显示的默认文本(例如,“输入您的号码”)。

  • 默认国家:用特定国家预填充该字段(显示为国旗 + 代码)。

  • 国家可用性: 选择显示这些国家 以仅允许选择的国家,或选择不显示这些国家 以从下拉菜单中排除特定国家。

  • 标签: 字段上方的文本(例如,“电话”)。

  • 字段必填: 使该字段成为必填项。

  • 错误消息: 自定义当字段未正确填写时显示的消息(例如,“必须是有效的电话号码”)。

  • 输入对齐: 选择字段的对齐方式为左对齐、居中、右对齐或完全对齐。

  • 内边距:调整字段内的间距。

在收集电话号码时,添加一个 法律同意 项以遵守 TCPA(美国)或 GDPR(欧洲)。

法律同意

添加一个 GDPRTCPA 合规复选框 以收集文档同意。

法律同意 项拖入您的表单中,然后:

  1. 选择一个模板: GDPR (欧盟) 或 TCPA (美国)。

  2. 编辑文本并添加您的 隐私政策链接

  3. 自定义必填错误消息。

复选框默认未选中 - 无论是在表单构建器预览中还是在您的实时表单中。访客必须在提交之前主动检查。

输入字段

收集自定义 文本数据,如名字、姓氏、地址、城市、邮政编码或 自定义属性

输入 字段拖入您的表单,然后:

  1. 将字段映射到属性: 名字、姓氏、地址、城市、州、邮政编码,或一个自定义属性

  2. 自定义占位符、标签、必填消息、对齐方式和内边距。

日期字段

收集 日期,如生日或事件注册。

日期字段拖入您的表单中,并:

  1. 将字段映射到 生日自定义属性(Custom Property)

  2. 自定义 占位符、标签、必填消息、对齐方式和填充。

下拉字段

收集结构化数据,如性别、国家或自定义偏好,并为用户提供 下拉选项 供选择。

下拉菜单 字段拖入您的表单,然后:

  1. 将字段映射到 性别国家自定义属性

  2. 自定义 占位符、标签、必填消息、对齐方式和填充。

如果您选择自定义属性类型,可以通过点击 添加选项 添加自定义下拉选择。

💡 示例用例:

  • 收集首选语言。

  • 询问产品类别兴趣。

  • 收集公司规模(B2B)。

单选按钮

让用户通过单击单选按钮从 列表中选择一个选项(例如,性别、订阅频率)。

单选按钮 项拖入您的表单,然后:

  1. 映射到 性别自定义属性

  2. 如果您选择自定义属性,请在 管理您的选择 下添加选项(例如,"每周"、"每月")。

  3. 自定义 占位符、标签、必填消息、对齐方式和填充。

您的网站访客需要选择一个选项并因此订阅。

复选框

让用户从列表中选择多个选项(例如,产品兴趣、内容偏好)通过勾选框。

复选框项目拖入您的表单,并:

  1. 为您的自定义属性添加属性名称

  2. 管理您的选择下添加选项(例如,"鞋子","服装","配饰")。

  3. 自定义占位符、标签、必填消息、对齐方式和内边距。

1⚡ 所有复选框选择都作为文本值保存在自定义属性中。您可以使用它们来 细分 您的客户,基于他们的个人数据。

文本

添加 标题描述说明 到您的表单。

文本 项拖入您的表单并:

  1. 输入或粘贴您的内容。

  2. 选择 文本样式:大标题、中标题、小标题、段落或脚注。

  3. 选择 文本颜色链接颜色

  4. 使用 右侧菜单 格式化文本(粗体,斜体,链接,对齐等).

  5. 自定义内边距。

按钮

添加一个 按钮 来提交表单、链接到一个页面或导航多步骤表单。

按钮 项拖入您的表单,并:

  • 选择按钮操作:

    • 提交表单: 提交表单并保存收集的数据。

    • 链接到: 重定向到特定页面/URL(例如,产品页面,博客文章)。

    • 前往下一步: 在多步骤表单中推进。

    • 关闭表单: 关闭表单(适用于促销表单)。

  • 添加 按钮 文本

  • 选择按钮样式: 主要、次要或第三。

  • 按钮对齐方式 设置为左、中、右或全宽。

  • 调整 悬停样式内边距

您可以在 主题设置按钮 下进一步调整按钮样式。

您还可以向表单添加多个 提交表单 按钮,并将按钮点击保存为自定义属性。

  1. 将您的按钮操作设置为 提交表单

  2. 开启 映射到自定义属性

  3. 输入 自定义属性 名称。

  4. 输入当访客点击按钮时要保存的

注意: 一个电子邮件电话号码 字段必须包含在表单中,以便将自定义属性值保存到联系资料中。

图片

添加 图片JPG, PNG, GIF)尺寸最多为2000px,并可选择将图片链接到URL。

图片 项拖入您的表单,然后:

  1. 点击 选择文件 打开 图片库。选择之前上传的图片或从您的计算机或URL上传新图片。

  2. 添加 替代文本链接到 (可选)。

  3. 调整 对齐方式内边距

  4. 通过 拖动角落 来调整图像大小。

注意: 图片项与表单的背景图片不同,背景图片是在布局设置

行/空格

在表单元素之间添加 视觉分隔

行/空格 拖入您的表单,然后:

  1. (边框)或 空格(垂直内边距)之间切换。

  2. 自定义:

    • 线条: 边框厚度,宽度,样式(实线,虚线,尖头),对齐,边框颜色和内边距。

    • 空间: 高度以像素为单位(最多240px)。

幸运轮

通过让访客旋转轮盘以赢取折扣来游戏化您的表单,以换取他们的订阅(电子邮件地址或电话号码)。

幸运轮项目拖入您的表单中,然后:

  1. 配置轮片:

    • 添加 中奖切片 及折扣代码和概率。

    • 添加 未中奖切片 (轮盘仅停在中奖切片上)。

  2. 自定义颜色和文本。

  3. 调整 轮子样式,包括宽度、速度、指针和填充。

倒计时器

通过 实时倒计时器 创建紧迫感。这是FOMO营销的一部分,适合销售、限时优惠或像BFCM这样的活动。

倒计时器 项拖入您的表单。

  1. 选择 固定个性化

    • 如果您选择 固定,请设置结束日期和时间。所有访客看到的倒计时都是相同的,直到那个日期和时间。

    • 如果您选择 个性化,请设置倒计时的持续时间为 小时分钟。每位访客都会获得一个个性化的倒计时,该倒计时在他们看到表单时开始。

  2. 要在 固定 倒计时结束时自动禁用表单,请启用 在结束日期后关闭

  3. 自定义 字体倒计时颜色内边距。计时器会自动调整以适应您在所有设备上的表单宽度。

您的网站访客将根据他们与注册表单的互动时间看到剩余时间。

折扣项目

在您的表单成功消息中添加 折扣码 以奖励新订阅者。折扣项目在表单提交后自动显示优惠券代码。

重要: 折扣项目是仅在成功消息中可用,而不在主表单布局中。您不能将其添加到表单本身,只能添加到访客订阅后显示的消息中。

折扣 项目从左侧边栏拖到成功消息布局中,并:

  1. 选择折扣类型:

    • 使用幸运轮折扣: 表单将显示与您的幸运轮 胜利切片相关的折扣。

    • 使用您自己的折扣: 输入您希望向订阅者显示的折扣。

  2. 自定义 文本颜色边框颜色背景颜色内边距

常见问题

为什么我的 iPhone 在我点击表单字段时会自动放大?

如果字体大小低于 16 像素,iPhone 会放大。为防止这种情况,请在 主题设置 字段 中将输入字段的字体大小设置为至少 16px。

我如何重新排序项目?
在表单构建器中上下拖动项目以更改其顺序。

我可以单独样式化项目吗?
文本、按钮、图像和线/空间可以单独样式化。字段(电子邮件、电话、输入、日期)共享在主题设置 字段


您还有问题吗? 请随时通过电子邮件与我们联系,邮箱是[email protected] 或通过应用内聊天。我们全天候为您服务!

这是否解答了您的问题?