表单的内容编辑是制作表单的核心环节——在这个环节中,通过“添加&编辑组件”的形式,一道一道地完成表单“题目”制作,得到表单的“骨肉”,剩下的就是对表单“皮相”的修饰和提交“行为”的限定了。
页面布局
内容编辑页面呈“左|中|右”三栏布局——左栏为组件选择区,中间栏为可视化的表单编辑区,右栏为组件的编辑和设置区域。
①表头”的文章介绍。
内容区
内容区是表单的主体,你可以从左栏选择组件添加进内容区,在内容区中上下拖动组件可以调整组件顺序(拖动距离较远时,可以同时滑动鼠标滚轮来调整页面位置)。
如果需要编辑某个组件的标题、描述或其它设置项,直接单击选中这个组件,然后就可以在页面右侧对该组件进行编辑调整。
此外,当组件被选中时,在组件的四周还会出现几个功能图标:
- 左下角的“复制”:点击后可以复制该组件,你也可以用按住Ctrl键后,用鼠标左键点击拖拽该组件,也可以完成复制;
- 右上角的“删除”:鼠标经过组件上方时就会出现,可以删除组件;
- 中上方的“向上挤”:向上挤功能是调整组件排版用的,可以让表单排版更加紧凑——点击向上挤,可以让该组件与上面的组件“挤”在一行中,一行最多允许挤入4个组件,挤在一行中的各个组件宽度都一样,而且可以左右交换位置。
提交区
提交区和内容区连接在一起,主要用来放表单的“提交”按钮,点击后可以在右侧自定义调整提交按钮的文字,比如改成“确认”、“报名”等,还可以让提交区在手机浏览器中吸底展示”,或者直接隐藏提交按钮。而对于按钮宽度、对齐方式和提交区背景图片等的调整,则是在下一个环节“③外观”中进行的。
隐藏提交按钮后,表单变为了纯展示用途,无法提交反馈,表单提交后的显示页面或者跳转功能也就失效了,但表单提交后公开反馈结果功能的公开页面链接地址依然有效。
版权信息
版权信息位于提交按钮下方,默认显示的是麦客的logo+文字“由麦客提供技术支持”。点击后可以在右侧进行编辑,你可以将自己的机构名称加入其中,显示成“由麦客为XXX提供技术支持”的形式,或者直接付费使用品牌Logo扩展包,插入自家Logo。
左栏&右栏-组件选择&编辑
表单的内容主体是由一个个组件构成的,那么我们就来简单介绍一下麦客为你提供的这些组件,以及这些组件都可以做哪些设置吧~
了解更多>>
预约控制
预约控制组件是预约管理功能实现的重要组成部分,通过添加预约控制组件,可以实现基于日历的在线预约功能,进一步进行在线预约和后续的预约管理服务,了解更多>>
图片类组件
- 图片选择:图片选择是在选择组件的基础上,给选项增加了可供展示的图片,图片可以选择上传也可以直接引用在线图片地址。同样的,图片选择也可在单选和多选之间进行切换,并且还可以调整选项中图片和文字的排版方式。
- 图片上传:用于用户上传图片,功能和附件组件类似,但只能用来上传图片。除了图片文件的大小外,还可以更加精确地对上传图片的分辨率进行限制。
- 图片展示:在表单中放置展示性的图片,该组件允许你最多放置4张图片,并提供了多种排列组合方式;直接嵌入一张海报、名片二维码,或者将复杂排版的文字转换成图片后插入表单,都是很实用的方法。
- 图片轮播:多张图片依次滚动展示,常见于各种网站首页的广告位,可以在有限的空间里展示更多信息,是一个付费组件哟~详细介绍>>
辅助类组件
- 文本描述:一段纯文本的展示说明文字,可以插入文字超链接。也可以设置折叠部分文字,和文字的对齐方式。
- 分割线:一条分割线,不过你可以在分割线的上下方加入文字,并且还可以调整分割线的线型和宽度占比。
- 分页:不想让一个页面太长,不想让用户看到后面的信息,都可以直接用分页组件,让用户跟随你设计的步骤,一页页看下去。
- 静态地图:静态地图采用了百度地图插件,让你可以更加形象具体地展示一个地址,点击地图还可以直接访问百度地图中的该地点,直接进行地图缩放和导航定位。详细介绍>>
- 音视频播放:可以在表单中插入第三方视频/音频,在填表人打开表单时可以点击播放视频,支持多家主流视频网站的视频嵌入,是一个付费组件,详细介绍>>
联系人组件
联系人组件是连接表单和联系人功能的桥梁,当表单中添加了联系人组件后,就可以将填表人创建为联系人,创建的方法就是把填表人所填写的联系人组件信息,保存为对应的联系人的个人信息,点此了解更多>>
所以每一个联系人组件都对应着联系人的一个信息项,联系人组件涵盖了一个联系人的各种基本信息:姓名、手机、邮箱、公司等,以及QQ、微信、Skype等即时通讯的信息和微博、LinkedIn、Facebook等社交网络账号信息。
如果这些联系人组件还不够用,你可以通过“联系人自定义字段”功能,打造自己的专属联系人组件,去收集各种不同类型的联系人信息项,比如:会员卡号,等级,纪念日,预约时间,销售进度,成本报价,院系专业,身份证号和车牌等。
组件编辑
组件有很多,不同的组件,编辑设置的项目也不同,这里就不逐一介绍了,大家可以在使用中自己去慢慢探索,我们也会陆续针对一些组件给出使用方法推荐的文章和案例分享。
这里就先简单介绍几个常见的通用编辑功能吧:
当表单编辑模式从专家切换为极简时,很多组件的高级设置功能会隐藏,但已经设置好的功能并不会消失,仍然会起效。
切换组件类型
文本框、选择、下拉、图片选择等组件都可以切换组件类型,单行文本框变成多行,单选题变成多选题,通过切换可以在保留文字内容的情况下,快速将组件调整为另一种形式。
标题
标题就是“题目”,只支持纯文本的形式,是可以换行的哟~
描述
描述文字位于标题下方,是对“题目”的补充说明,一般样式会稍微不显眼一点。描述文字中支持插入文本超链接,{{LINK[链接文字](http://www.mikecrm.com)}},点击链接图标后,将 [] 内的中文替换为你要的文字,把 () 内的链接替换为你要的链接后,用户在访问表单时,就可以点击文字,打开你所指定的链接了。
必填
要求必填的组件,会在标题后面有个红色的 * 符号,必填项为空的时候,用户无法提交表单,点击提交按钮时会提示报错。
添加到联系人笔记
这个设置项只在专家模式会出现,是一个可以让表单反馈与联系人产生信息联动的功能。基础类组件一般都有这个设置项,启用后填表人对于这道题目的回答,会自动同步至联系人的笔记中,方便在联系人详情页以及列表中的联系人概览中进行查看。
组件宽度
组件宽度是以占表单宽度百分比形式进行设置的,10%为一档,共分10档。
选项列数
选择类的组件和商品组件,都可以调整选项的列数,从一列至四列。
整体设置
在页面右上角,还有表单的“整体设置”功能。你可以在整体设置中调整提示语言的种类,插入题号;以及对一些常用设置项进行修改,比如只能在微信中填写,每人限填一次,将填表人创建为联系人,添加群组或标签,有新反馈时通知我等(常用设置的几项可以在表单全局设置中找到)。
提示语言是表单不可见的一些提示信息,比如必填的报错信息等,默认的方式是“跟随访问者”,会自动根据访问者所使用的设备语言进行切换。