表单组件,可以为你的网站提供可和访客互动的沟通方式,访客可以通过表单,提交联系方式,报名听课,预约服务等等。客户提交的表单信息,您可以在网站后台查看,并且可以导出客户留言。您也可以将客户留言通过邮件方式发送到你的指定邮箱。
1,如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。
2,内容选项卡
2.1,表单字段-模块设置如下图,您可以看到有多个设置选项来控制组件的显示属性。
(1)表单名:在后台留言管理列表处,您可以根据表单名字区别多个表单中的数据,以及筛选阅读指定表单的数据
(2)新增项目:添加表单项目,可以是文本,邮箱,手机,留言框,选项卡,日期验证码等选项
(3)文本框尺寸:设置文本框尺寸
(4)标签:是否显示标签按钮
前留言对您比较重要,您可以每月将数据导出保存到本地。
2.1.1,下面的介绍“文本框”,邮箱,多行文本,电话号码 的表单字段,左边是表单字段设置界面,右边是展示效果图
(1)类型:选择字段类型
(2)文本标签:输入表单字段的标签名字,如下示例右侧“蓝色字体”
(3)文本框提示:文本框占位符,如下示例“请输入xxxx”灰色字体
(4)必填项:开启后 表单字段会有一个”*“号
(5)栏宽度:设置字段宽度,如果想一行设置两列就设置50%
(6)默认值:表单字段的默认值
2.1.2,下面的介绍“单选框”,“复选框”,”日期” 的表单字段,左边是表单字段设置界面,右边是展示效果图
2.2,提交按钮-模块设置,此处设置按钮的文本内容,尺寸,栏宽度,对齐方向 ,前置按钮等。具体参考下图所示
2.3,提交按钮事件-模块设置,默认情况下,但访客提交数据会保存在后台的表单留言列表中,如何进入“表单列表”请参考下图说明,您还可以给表单设置额外“邮箱”通知,系统会将访客的数据再发送一份到你指定的邮箱中。
2.4,发送留言到指定邮箱-模块设置,此处你可以设置,用户提交表单信息时候的通知邮箱地址。目前只支持一个邮箱接收人。默认接收对象是注册账户时候使用的电子邮箱
进入网站后台通过路径“评论留言- >表单留言” ,你可以在这个页面查看到最近用户给你的站点留言,可以查看“数据来源”页面,“删除留言记录”
点击“导出”按钮 ,可以导出指定月份的留言数据,系统默认保留近半年的客户留言信息,如果当前留言对您比较重要,您可以每月将数据导出保存到本地。
3,样式选项卡
3.1表单-模块设置, 样式设置调整单元格间距,行间距,标签颜色大小等。 请参考下图或观看视频操作。
3.2输入框-模块设置, 样式设置调整单元格间距,行间距,标签颜色大小等。 请参考下图或观看视频操作。
3.3按钮-模块设置, 样式设置调整提交按钮的样式及鼠标悬停动画效果
恭喜你已完成当前组件的学习,感谢阅读。
评论