跳转到主要内容

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

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

作者:Ira
更新于今天

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

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


什么是表单项?

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

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

  • 确保遵守 GDPR 和 TCPA。

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

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

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

电子邮件(Email)字段

通过在您表单的任意位置添加电子邮件(Email)字段来收集电子邮件地址

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

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

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

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

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

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

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

电话号码字段

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

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

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

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

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

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

  • 错误消息:自定义字段填写有误时显示的消息(例如,“Must be a valid phone number”)。

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

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

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

法律同意许可

添加一个 GDPRTCPA 合规复选框,以收集有记录的同意许可。

法律同意许可项拖到您的表单中,然后:

  1. 选择模板:GDPR (EU) 或 TCPA (US)。

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

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

这意味着您的网站访客必须勾选复选框才能提交您的表单。

输入字段

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

Input 字段拖到您的表单中,然后:

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

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

日期字段

收集日期,例如生日或活动注册。

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

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

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

下拉字段

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

Dropdown 字段拖到您的表单中,然后:

  1. 将该字段映射到性别国家/地区或一个自定义属性(Custom Property)

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

如果您选择自定义属性(Custom Property)类型,您可以通过点击Add a choice来添加您的自定义下拉选项。

💡 使用案例示例:

  • 收集偏好语言

  • 询问产品类别兴趣

  • 收集公司规模 (B2B)。

单选按钮

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

Radio Button 项目拖到您的表单中,然后:

  1. 如果您选择一个自定义属性(Custom Property),请在 Manage your choices 下添加选项(例如,“Weekly,” “Monthly”)。

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

您的网站访客需要选择一个选项才能订阅。

复选框

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

Checkbox 项拖到您的表单中,然后:

  1. 为您的自定义属性(Custom Property)添加属性名称

  2. Manage your choices 下添加选项(例如,“鞋子”、“服装”、“配饰”)。

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

💡 所有复选框的选择都将作为文本值保存在自定义属性(Custom Property)中。您可以使用它们来根据其个人数据细分(Segment)您的客户。

文本

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

文本项拖动到您的表单中:

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

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

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

  4. 使用右侧菜单设置文本格式(粗体、斜体、链接、对齐等)。

  5. 自定义内边距。

按钮

添加按钮以提交表单、链接到页面或在多步骤表单中导航。

Button 项目拖入您的表单,然后:

  • 选择按钮操作:

    • 提交表单:收集订阅者数据。

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

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

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

  • 添加按钮文本

  • 选择按钮样式: Primary、Secondary 或 Tertiary。

  • 按钮对齐方式设置为左对齐、居中、右对齐或两端对齐。

  • 调整内边距。

您可以在 Theme settingsButtons 下进一步调整按钮样式。

图片

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

Image 项目拖动到您的表单中,然后:

  1. 点击Select file并上传您的图片。

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

  3. 调整对齐内边距

  4. 通过拖动角点来调整图片大小。

注意:Image item 与表单的背景图片不同,后者在布局设置

线条/间距

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

Line/Space拖动到您的表单中,然后:

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

  2. 自定义

    • 线条:边框粗细、宽度、样式(实线、虚线、点状线)、对齐方式、边框颜色和内边距。

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

幸运转盘

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

Wheel of Fortune 项目拖到您的表单中,然后:

  1. 配置转盘区块:

    • 添加带有折扣码和概率的中奖区块

    • 添加未中奖区域(转盘只会停在中奖区域)。

  2. 自定义颜色、文本。

  3. 调整转盘样式,包括宽度、指针颜色和内边距。

倒计时器

利用实时倒计时器营造紧迫感。这是 FOMO 营销的一部分,非常适合促销、限时优惠或像 BFCM 这样的活动。

Countdown timer 项目拖动到您的表单中。

  1. 设置结束日期和时间(上午/下午)。

  2. 启用在结束日期后关闭:计时器到期时自动停用表单。

  3. 自定义字体倒计时颜色内边距

计时器会自动调整,以适应您的表单在所有设备上的宽度。

您的网站访客看到的剩余时间,将取决于他们与您的订阅表单(Signup Form)互动的时间。

折扣商品

在您表单的 Success Message 中添加折扣码,以奖励新的订阅者。折扣项会在表单提交后自动显示优惠券代码。

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

Discount项从左侧边栏拖动到成功消息布局中,然后:

  1. 选择折扣类型:

    • 使用 Wheel of Fortune 折扣:表单将显示与您的...关联的折扣Wheel of Fortune 中奖区域。

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

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

常见问题

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

如果字体大小低于 16 像素,iPhone 就会自动放大。为避免此问题,请在 Theme Settings Fields 中将您的输入字段字体大小设置为至少 16px。

如何重新排序项目?
在 Form Builder 中上下拖动项目来更改其顺序。

我可以逐个设置项目样式吗?
文本、按钮、图片和线条/间距可以单独设置样式。字段(电子邮件(Email)、电话、输入、日期)共享在...中设置的全局样式主题设置 字段


您还有问题吗? 请随时发送电子邮件(Email)至[email protected] 或通过应用内聊天联系我们。我们 24/7 全天候为您服务!

这是否解答了您的问题?