关于 自定义表单
表单是一种方便的在线交互方式,可以让用户输入和提交信息,从而实现各种功能,如注册、登录、订购、反馈等。网站中添加表单组件后可以提高用户体验,让用户在一个页面上完成所有操作,无需跳转或刷新页面。通过设置必填项、验证规则、提示信息等,可以确保用户输入的信息是完整、准确和有效的高质量数据。
为了帮助商家有一个更好的工具去收集并分析数据,Pisell开发了简单好用的自定义表单功能,除了上述的基本功能外,自定义表单还可以通过收集和存储用户输入的信息,帮助商家进行数据挖掘、统计分析、可视化展示等,从而为网站优化和决策提供依据!
本节相关内容:
下面是视频教程,请点击查看:
添加自定义表单应用
使用账号密码登陆进入商家管理后台,点击左侧导航栏-应用,进入应用商城,选择表单应用并添加;
设置自定义表单
添加完表单应用后,左侧导航栏显示表单设置项,如下图所示:
点击进入表单页面,可以点击右上角的“添加”按钮,创建新表单;
表单创建页面包含三个部分,分别是1.左侧的组件库、2.中部的预览页、3.右侧的组件设置页,顶部可以设置预览/保存/发布表单。如下图所示:
组件库里包含基础组件和账号信息两部分;
基础组件包括的设置项有:
a.标题:表单的标题,您可以自定义设置标题的字号、翻译、显示位置、背景颜色和背景图;
b.单行文本:表单的文本组件,您可以输入想要展示给客户的简短信息或问题;
占位提示是指描述该组件需要输入的内容的提示信息,该信息仅用于提示,不会影响字段的值(例如下图中灰色字体的“请输入”字段);
描述信息是用于描述该组件的附加信息,常用于提示当前组件的功能、范围、填写注意事项等;
您还可以设置此项文本的状态为普通(可见、可编辑)/禁用(可见、不可编辑)/只读(可见,不可编辑)/隐藏(当前字段不可见、不可编辑);
默认值是指当用户访问表单时,该字段的默认值(例如这个单行文本的问题是:您来自哪个国家?当您默认值设置为澳大利亚时,用户填写这个问题时,会默认先填入“澳大利亚”字段);
格式是指这个文本可以设置成手机或邮箱的格式,例如当您选择了“手机”格式时,客户在前端如果填入的是文字,系统就会提示“输入正确的电话号码”;
一键清除按钮打开后,填写框右边会出现一个灰色叉号,点击即可一键清除填写内容;
开启计数器后,填写字数将受到限制,您可以自定义字数上限,系统默认是200个字数限制;
校验是指您可以设置这个单项文本是否需要设置成必填选项以及计数器字数的最小长度和最大长度设置,系统默认是0-200的长度值;
例如当您设置了最小长度为10,最大长度为20时,在前端用户端如图所示:
是否显示指在列表的默认配置是否需要在列表中进行显示。
c.多行文本:可用于录入较长、较为复杂的文本,比如意见反馈、备注等,
除了“多行文本高度和多行文本自动高度的设置项”这两个设置项外其余设置与单行文本一致,多行文本高度默认设置为3,您可以自定义,开启多行文本自动高度代表可以随着输入内容的增多自动撑高输入框的高度。
d.数值:数值组件可用于录入数字类型的相关信息,比如金额、年龄、数量等,使用数值组件录入的数字,可以用来做数字计算、统计分析和汇总。
右侧可以编辑默认值、单位、千位分隔、小数位数、最小/大长度、最小/大值;
默认值可以填写一个数字,客户如果跳过这个选项的话,数据就会以默认值数据为准;
单位就是指这个数值的单位;
千位分隔如果开启了后,在前端输入超过千位的数字时,会用分隔符隔开,更方便查看;
小数位数就是指显示小数点后保留几位数,如图所示:
最小长度和最大长度就是指这个值可以输入的数字的最长位数是多少,例如设置的是10的话,那就只能输入10位数的数字;
最大值和最小值则是指这个值可填写的一个数值范围,例如设置了1-100的话,那就只能填1-100内的数值,超过这个范围的数值就无法填写。
e.下拉单选:指从多个下拉选项中选择其中一项数据填入框内。选项可以自定义文本,也可以关联其他表单的数据。(注意:下拉单选组件的选项值的长度最大不能超过 255 个字符)
在前端显示为以下样式:
下拉单选也可以同时关联其他表单数据,点击“关联选项设置”即可选择其他表单信息:
f.身体区域图:适用于按摩类型商家使用,顾客可以在前端选择单个/多个身体部位,代表此部位需要多加关注,如图所示:
g.签名:电子签名作为表单凭证进行业务填报,比如需要客户确认签字、预约信息确认等,展示样式如下:
h.同意协议:设置并关联一个或多个协议;管理端、用户端展示同意协议的单选框,客户需要点击同意之后才能继续后续的表单信息填写与提交;
点击添加协议后,出现已有协议页面,如果您已创建对应协议,则选中即可,如果您需要新建协议,点击右上角的新建按钮;
用户端显示如下:
i.图文展示:当您有大段需要客户提前知晓的说明、解释、提示信息时,可以使用这一组件,您可以更改这一组件的背景颜色,达到更加引人注目的效果:
j.单选:不同选项同时出现,需要选择其中一项,例如:男/女;是/否;允许/不允许。选项可以设置排列方式,目前支持水平排列、垂直排列这两种方式。
单选默认是水平排列,垂直排列的样式如下图所示:
k.复选:不同选项同时出现,需要选择其中一项或者多项时,可以使用这一组件,用户端如果多选了,显示如下:
l.分隔线:将不同区块用线条分隔开,让上下两个选项之间的分界更加明显,展示样式如下:
m.日期:选择日期的组件,常用的有生日日期、预约日期等,组件有两种类型:自定义或者选择今天,当您选择自定义时,用户端选项下方出现“请选择”提示;
n.附件:上传表单需要的各类附件,例如各项证明、材料、数据、合同等,目前支持预设文档/图片/音频/视频/压缩文件这五种类型;
支持开启自定义类型,指当您输入文件后缀名时,在用户端会提示顾客需要上传怎样类型的附件;
例如当您输入了“.mp3”这个类型时,用户端显示如下:
账号信息包括的设置项有:
a.头像b.昵称c.姓d.名e.手机f.邮箱,当您只需要收集顾客的账号信息,则直接选择这个列表里的组件就可以进行表单的快速新建,且手机和邮箱都有其对应的标准格式,当您开启了校验选项时,在客户端,顾客在修改手机号码或者邮箱时,需要用手机号/邮件验证码的方式验证才能重新提交信息。
注意:如果需要客户注册更新注册信息则使用账号信息表单,账号信息表单会根据客户的实时更新信息进行覆盖;如果只是收集信息则使用单行文本组件收集客户信息即可!
其他特殊情况:
如果使用表单中的账号信息表,则当该客户用同一个号码注册不同信息时会跳出提示:已存在相同客户电话,无法保存(该情况出现表示已有账号用该号码进行过注册);如果客户需要更新信息,电话号码需要使用未被注册的号码,新的号码在该账户中使用,会自动覆盖之前该账号信息。
表单与关联管理
表单目前支持与客户和预约两个板块进行关联管理,当您创建表格的目的是需要收集客户信息时,建议您选择与客户进行关联;当您创建表格的目的是需要客户在表格中选择对应的项目或者提前填写对应的信息或者提前预约,建议您选择与预约进行关联。
表单与客户
当您想要将表单与客户进行关联时,点击右上角的关联管理,进入关联管理页面;
选择客户模块的增加按钮,并选择需要关联的表格;
添加完毕后,选择控件类型和数据选择范围;
控件类型包含四个选项:单选、多选、表单、表格;
设置关联管理表单后,在客户界面右下方会显示对应的表单信息;
当设置了单选时,该表单只能选择对应之前填写过的一个表单信息;
当设置了多选时,该表单可以选择多个填写过的表单信息。
当您在客户模块选择了这两个选项时,后面的数据选择范围会默认出现一个“全部数据”的范围,“全部数据”允许用户从所有的表单记录中选择,常用于选择员工等场景;
当您选择了表单或者表格时,那您的客户填写完表单时,在商家管理后台的客户信息里展示的样式不一样,如下图所示:
当您将表单关联了客户后,在您新建客户的过程中除了填写常规客户信息外,还会要求您填写已关联表单的信息,例如:
表单与预约
当您想要将表单与预约业务进行关联时,点击右上角的关联管理,进入关联管理页面,会发现包含五种不同类型的预约业务:预约、宴会厅预约、活动预约、票务预约、系列活动预约、服务预约,您根据您的实际业务需要进行关联即可,这里拿预约举例,管理步骤与上述客户表单关联步骤一致,唯一不同的是,当您选择单选或多选时,右侧的数据选择范围会自动出现客户数据或全部数据,“全部数据”允许用户从所有的表单记录中选择,常用于选择员工等场景;“客户数据”则限制用户只能从自己填写的表单记录中选择,常用于选择参与人员等场景。;
当您将预约关联了客户后,在您新建预约的过程中除了填写常规预约信息外,还会要求您填写已关联表单的信息,例如:
表单与商家管理后台设置
表单除了可以应用于客户和预约这两大模块中,还可以在下列设置页中添加表单,不同的页面对应的使用场景也不一致。
-
其他管理-桌台
使用场景:当餐饮业商家需要在客户扫桌台二维码下单时,收集到客户的相关信息(例如口味偏好、生日信息、加入会员等)就可以在这一设置页添加对应表单
-
其他管理-资源
使用场景:当美容业(或其他包含预约服务类型)商家需要在客户选完服务项目之后再另外填写与此次活动相关的信息(例如客户身体情况、哪些部位需要着重护理等)就可以在这一设置页添加对应表单
-
装修-添加表单组件
使用场景:当商家只需要在网站上添加一个简单的表单给顾客填写时,就可以添加左侧的表单组件实现需求