小程序生成(小商小站+智慧预约)

品牌多端快速上线,公域私域流量快速传播获客

完全免费,海量模板(可定制),无须任何技术投入

产品运营等无技术背景同学上线小程序首选方案

立即创建
行业应用

有客365PMS

增长实验室

敬请期待...

助力中小商户品牌传播与获客
产品中心 小程序模板
登录/注册
售前客服热线
136-9345-8144
售后支持热线
136-9345-8144
或见官方使用文档

服务列表模块-小程序编辑设计系列教程9

2020-08-07 17:28:05

免费创建小程序教程-如何使用服务列表模块

什么是服务列表模块?

服务列表模块主要用于展示该企业的服务,当用户进入到服务详情页中,点击预约或咨询键,完成个人信息的填写后,方可预约相关的服务产品。

小商小站类型的项目中服务列表呈现的是产品信息,支持产品咨询。

智慧预约类型的项目中服务列表呈现的是预约信息,支持预约的下单和支付。

image.png

image.png

image.png

如何添加服务列表模块?

编辑器左侧高级模块中拖入指定位置或点击(追加到页面尾部)”服务列表“模块添加。

image.png

如何使用服务列表模块?

1. 添加服务

小商小站项目的小程序,在用户后台中的【服务管理】-【产品管理】-【产品发布】中添加产品

image.png

智慧预约项目的小程序,在用户后台中的【服务管理】-【预约管理】-【预约发布】中添加服务

image.png

不管是产品还是预约都支持扩展字段,当自带字段不满足您的产品或服务时,可自定义添加。

2. 设置数据源

在“数据源”中用户可选择需要展示的服务分类

image.png

3. 设置模块名称

在基础设置中,可自定义模块名称,如不需要显示模块名称,可勾选隐藏。

image.png

4. 设置服务列表样式

支持4种不同的模块样式:单列大图,左右横滑,单列左右结构的小图,双列。

image.png

5. 设置模块基础样式

支持设置展示服务数、是否显示查看全部、填充背景、边框、阴影、高度、图片缩放等等。

image.png

6. 设置服务的关联表单:用户在咨询产品或下单预约服务时都需要填写必要的用户信息,需要对应表单关联承接。默认不指定时会自动关联表单列表中的第一个表单,您可以在商户后台中的【互动管理】【表单管理】操作管理表单以及查看每个表单的提交数据。如果无任何表单关联,则前台(应用端:微信小程序百度小程序等)无法进行咨询和预约的提交。

image.png

支持对模块名称、按钮文案、设置链接、填充背景的设置。

image.png

关联表单

image.png

若没有表单,需要用户去后台中的【互动管理】-【表单管理】-【添加表单】添加,添加好后再返回编辑器中设置

image.png

7. 当客户咨询或预约提交后,如何查看预约订单数据

小商小站项目的小程序,在用户后台中的【互动管理】-【表单管理】-【表单数据】中查看

image.png

智慧预约项目的小程序,在商户后台中的【互动管理】-【表单管理】-【表单数据】中查看,也可以在商户后台中的【预约订单】中查看

image.png

image.png