向您的订阅表单(Signup Form)添加拖放项目,以收集电子邮件(Email)、电话号码、自定义数据,并提升互动率。可从 13 余种项目中选择,包括字段、按钮、图片和游戏化。
在本文中,您将了解 Form Builder 中所有可用的项目以及如何使用它们。
什么是表单项?
表单项是可重复使用的元素,您可以从左侧边栏将其拖动到您的订阅表单(Signup Form)中。它们可以帮助您:
收集订阅者数据(电子邮件(Email)、电话、姓名、生日、偏好)。
确保遵守 GDPR 和 TCPA。
创建吸引人的体验(幸运转盘、倒计时器)。
在表单构建器中打开您的表单 → 将左侧边栏中的项目拖动到您的表单布局中 → 使用右侧菜单自定义每个项目。
💡 所有字段都可以通过 Theme settings 下的 Fields 进一步调整。了解更多关于主题设置.
电子邮件字段
通过在您的表单中添加电子邮件(Email)字段来收集电子邮件地址。
将电子邮件(Email) 字段从左侧边栏拖动到您的表单中。您可以自定义:
占位符文本:字段中显示的默认文本(例如,“输入您的电子邮件(Email)”)。
标签: 字段上方的文本(例如,“电子邮件(Email)”)。
必填字段:将该字段设为必填项。
错误消息:自定义字段未正确填写时显示的消息(例如,“电子邮件(Email)地址必须包含@和有效域名”)。
输入框对齐:选择字段的对齐方式为左对齐、居中、右对齐或两端对齐。
内边距:调整字段的内部间距。
电话号码字段
通过预定义的国家/地区代码字段收集电话号码。
将电话号码 字段拖动到您的表单中并进行自定义:
占位符文本:字段中显示的默认文本(例如,“输入您的号码”)。
默认国家:用特定国家预填充该字段(显示为国旗 + 代码)。
标签:字段上方的文本(例如,“电话”)。
必填字段:将该字段设为必填项。
错误消息:自定义字段填写有误时显示的消息(例如,“Must be a valid phone number”)。
输入对齐方式: 选择字段的对齐方式为左对齐、居中对齐、右对齐或两端对齐。
内边距:调整字段内的内部间距。
法律同意许可
将法律同意许可项拖到您的表单中,然后:
选择模板:GDPR (EU) 或 TCPA (US)。
编辑文本并添加您的隐私政策链接。
自定义必填错误消息。
这意味着您的网站访客必须勾选复选框才能提交您的表单。
输入字段
收集自定义 文本数据,如名字、姓氏、地址、城市、邮政编码或 自定义属性.
将 输入 字段拖入您的表单,然后:
将字段映射到属性: 名字、姓氏、地址、城市、州、邮政编码,或一个自定义属性(Custom Property)
自定义占位符、标签、必填消息、对齐方式和内边距。
4a1 了解更多关于自定义属性.
日期字段
收集 日期,如生日或活动注册.
将Date 字段拖入您的表单,然后:
将该字段映射到生日或自定义属性(Custom Property)。
自定义 占位符、标签、必填消息、对齐和内边距.
下拉字段
收集结构化数据,如性别、国家或自定义偏好,并为用户提供 下拉选项 供选择.
将 Dropdown 字段拖到您的表单中,然后:
将该字段映射到性别、国家/地区或一个自定义属性(Custom Property)。
自定义占位符、标签、必填消息、对齐方式和内边距。
如果您选择自定义属性(Custom Property)类型,可以通过点击 添加选项 来添加自定义下拉选项。
💡 使用案例示例:
收集偏好语言
询问产品类别兴趣
收集公司规模 (B2B)。
单选按钮
让您的客户通过点击单选按钮选择列表中的一个选项(例如,性别、订阅频率)。
将 Radio Button 项目拖到您的表单中,然后:
映射到Gender或自定义属性(Custom Property)。
如果您选择自定义属性(Custom Property),请在 管理您的选项 下添加选项(例如:"每周","每月")。
自定义占位符、标签、必填消息、对齐方式和内边距。
您的网站访客需要选择一个选项才能订阅。
复选框
允许用户通过勾选复选框从列表中选择多个选项(例如,产品兴趣、内容偏好)。
将 Checkbox 项拖到您的表单中,然后:
为您的自定义属性(Custom Property)添加属性名称。
在 Manage your choices 下添加选项(例如,“鞋子”、“服装”、“配饰”)。
自定义占位符、标签、必填消息、对齐方式和内边距。
💡 所有复选框的选择都将作为文本值保存在自定义属性(Custom Property)中。您可以使用它们来 细分(Segment) 您的客户,基于他们的个人数据。
文本
为您的表单添加标题、描述或说明。
将文本项拖动到您的表单中:
输入或粘贴您的内容。
选择 文本样式:大标题、中标题、小标题、段落或脚注。
选择文本颜色和链接颜色。
使用右侧菜单设置文本格式(粗体、斜体、链接、对齐等)。
自定义内边距。
按钮
添加按钮以提交表单、链接到页面或在多步骤表单中导航。
将Button 项目拖入您的表单,然后:
选择按钮操作:
提交表单:收集订阅者数据。
链接至:重定向到特定页面/URL(例如,产品页面、博客文章)。
进入下一步:在多步骤表单中前进。
关闭表单:关闭该表单(适用于促销表单)。
添加按钮文本。
选择按钮样式: Primary、Secondary 或 Tertiary。
将按钮对齐方式设置为左对齐、居中、右对齐或两端对齐。
调整 悬停样式 和 内边距.
您可以在 Theme settings → Buttons 下进一步调整按钮样式。
图片
添加图片 (JPG, PNG, GIF),尺寸最大为 2000px,并可选择将图片链接到 URL。
将 Image 项目拖动到您的表单中,然后:
点击 选择文件 打开 图像库.选择之前上传的图像或从您的计算机或 URL 上传新图像.
添加 替代文本 和 链接到(可选).
调整 对齐 和 内边距.
通过 拖动角落 来调整图像大小.
线/空间
在表单元素之间添加 视觉分隔.
将 线/空间 拖入您的表单并:
在 线(边框)或 空间(垂直内边距)之间切换.
自定义:
线: 边框厚度、宽度、样式(实线、虚线、尖头)、对齐、边框颜色和内边距.
空间: 像素高度(最多240px).
幸运大转盘
通过让访客旋转轮盘以赢取折扣来使您的表单游戏化,以换取他们的订阅(电子邮件地址或电话号码)。
将 幸运大转盘 项拖入您的表单并:
配置转盘切片:
添加 中奖切片 和折扣代码及概率.
添加 失败切片(转盘仅在中奖切片上停止).
自定义颜色和文本.
调整 转盘样式,包括宽度、指针颜色和内边距.
4a1 了解更多关于幸运大转盘.
倒计时器
通过实时倒计时器创造紧迫感。这是FOMO营销的一部分,非常适合销售、限时优惠或像BFCM这样的活动.
将 倒计时器 项拖入您的表单.
设置 结束日期和时间(AM/PM).
启用 结束日期后关闭: 当计时器到期时自动禁用表单.
自定义 字体、倒计时颜色 和 内边距.
计时器会自动调整以适应所有设备上的表单宽度.
您的网站访客将根据他们与您的订阅表单(Signup Form)互动的时间看到剩余时间。
折扣项目
在您的表单成功消息中添加 折扣代码 以奖励新订阅者.折扣项在表单提交后会自动显示优惠券代码.
重要: 折扣项是仅在成功消息中可用,而不在主表单布局中。您不能将其添加到表单本身,只能添加到访客订阅后显示的消息中.
将 折扣 项从左侧边栏拖入成功消息布局并:
选择折扣类型:
使用幸运大转盘折扣: 表单将显示与您的幸运大转盘 中奖切片相关的折扣.
使用您自己的折扣: 输入您希望向订阅者显示的折扣.
自定义 文本颜色、边框颜色、背景颜色 和 内边距.
常见问题
为什么我的iPhone在我点击表单字段时会自动放大?
如果字体大小低于16像素,iPhones会放大.为防止这种情况,请在 主题设置 字段 中将输入字段的字体大小设置为至少16px.
我如何重新排序项目?
在表单构建器中上下拖动项目以更改它们的顺序。
我可以单独样式化项目吗?
文本、按钮、图像和线/空间可以单独样式化.字段(电子邮件(Email)、电话、输入、日期)共享在中设置的全局样式主题设置 字段.
您还有问题吗? 请随时通过电子邮件联系我们,邮箱是[email protected] 或通过应用内聊天。我们全天候为您服务!
























