装修前准备


1、美业小程序模板要选择“新装修小程序beta4”模板

美业版微信小程序装修-银豹博客

2、美业小程序配置可选参数

 

 装修说明


登录新版装修工具后台

云端路径:设置-网店-网店装修-【新版装修工具】美业版微信小程序装修-银豹博客

页面装修

商家进入新版装修工具后台后,点击【页面装修】,可自主对店铺的导航、首页、分类、自定义页面、营销弹窗等页面进行装修。

设置导航

在页面装修页面下,点击【导航设置】,可编辑导航标签、店铺招牌、悬浮窗美业版微信小程序装修-银豹博客导航标签栏
拖动左侧“标签栏”模块到小程序模拟器的底部,点击模块,在右侧可设置导航样式、自定义导航菜单等美业版微信小程序装修-银豹博客①设置导航样式
点击【切换样式】进行样式的选择,可选样式:文字导航/舵式导航/图标导航/独立购物车导航,选择好后点击【保存】

美业版微信小程序装修-银豹博客

切换导航样式

②导航图标
可选择系统默认导航菜单图标,也可点击【自定义】,自定义导航菜单图标。
普通:是指未点击菜单,该菜单的图标颜色,一般为灰色;
点亮:是指点击菜单后,该菜单的图标颜色;
图片:建议分辨率200*200,png格式,要求一组内的图片宽高度必须一致;

美业版微信小程序装修-银豹博客

自定义导航菜单图标

③设置导航菜单
温馨提醒:美业目前全部分类不展示服务商品,有预约服务的商家,在设置导航菜单时,记得添加“预约”菜单,即展示“预约”栏。
☛点击前往了解 预约时段、预约时长间隔的设置,服务技师的设置“技师”名称替换

置导航数量:可选1~5个
导航菜单:下拉可选 首页/全部分类/会员中心/我的卡券/地图/直播/联系我们/签到有礼/我的订单/预约/搜索/自定义。
导航菜单名称:支持自定义,字符不超过4个
设置好导航菜单后,点击【确定】

美业版微信小程序装修-银豹博客

设置导航菜单

店铺招牌
拖动左侧“店铺招牌”模块到小程序模拟器顶部,在右侧可设置店铺招牌的样式、店铺招牌想要应用的页面、显示模式,设置后点击确定;美业版微信小程序装修-银豹博客悬浮窗
拖动左侧“悬浮窗”到小程序模拟器中,在右侧可设置悬浮窗的图标、样式、应用页面、显示模式、窗口数、子窗口等
美业版微信小程序装修-银豹博客窗口图标:可选择系统默认,也可点击【自定义】,自定义窗口图标,图片建议分辨率200*200,png格式,每张图片大小不超过200k,建议圆形。
美业版微信小程序装修-银豹博客窗口:根据需要设置窗口数量,当主窗口中包含2个及以上窗口,才会展示主窗口,点击可展开窗口,再次点击隐藏美业版微信小程序装修-银豹博客
设置完成后,点击右上角【确定】进行保存美业版微信小程序装修-银豹博客

注意:整个导航类设置好后,在页面右上角点击【保存】,然后可以点击【预览】预览设置的效果,如果效果可以,点击【发布】;保存只是保存在草稿箱,只有发布了才会显示在小程序上。美业版微信小程序装修-银豹博客

编辑小程序首页

店铺装修-首页编辑,进入首页编辑页面,商家可根据需要,从左侧商品类、图文类、导航类、营销类功能模块中,选中想要的模块拖到小程序模拟器中,对该模块进行设置,添加图片、设置跳转链接等;美业版微信小程序装修-银豹博客

下面以 添加公告、轮播图、优惠券、签到等模块的操作为大家演示

演示1 添加公告模块美业版微信小程序装修-银豹博客演示2 添加轮播图模块
商家可以将促销活动设置头图滚动,即添加轮播图模块,设置点击轮播图片跳转到促销活动。美业版微信小程序装修-银豹博客
演示3 添加图标分类模块美业版微信小程序装修-银豹博客演示4 添加标题、多图滑动模块
美业版微信小程序装修-银豹博客
演示5 添加邀请有礼模块
☛商家在银豹后台设置邀请有礼
美业版微信小程序装修-银豹博客
演示6 添加商品类、次卡类、服务类模块
美业版微信小程序装修-银豹博客

注意:首页需要的模块都编辑好后,在页面右上角点击【保存】,然后可以点击【预览】预览设置的效果,如果效果可以,点击【发布】;保存只是保存在草稿箱,只有发布了才会显示在小程序上。美业版微信小程序装修-银豹博客

编辑全部分类页面

温馨提醒:美业全部分类的布局要选择“美业特殊布局”
点击【选布局】,选择 美业特殊布局
美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客

注意:全部分类页面编辑好后,在页面右上角点击【保存】,然后可以点击【预览】预览设置的效果,如果效果可以,点击【发布】;保存只是保存在草稿箱,只有发布了才会显示在小程序上。美业版微信小程序装修-银豹博客

自定义页面

说明:商家可自定义编辑页面,根据需要拖动需要使用的功能模块到模拟器中,编辑后,保存发布该自定义页面,在装修小程序时,有些功能模块跳转,可选择自定义页面(请选择链接-页面链接-自定义页面)。

操作步骤
点击【新增】按钮,编辑自定义页面名称,编辑好后,点击【确定】美业版微信小程序装修-银豹博客点击【编辑】按钮,进入页面编辑美业版微信小程序装修-银豹博客可拖拽左侧需要的功能模块到模拟器中,对各模块依次进行编辑,需要的所有模块都编辑设置好后,点击右上角保存按钮,如果要应用自定义的模板页面,点击发布按钮。
美业版微信小程序装修-银豹博客
装修小程序时,有些功能模块,可跳转选择自定义页面
示例如下:单列海报,请选择链接-页面链接-自定义页面
美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客效果展示:点击海报,跳转到女神节活动预热 自定义页面美业版微信小程序装修-银豹博客

设置营销弹窗

步骤1  新增营销弹窗
点击【新增】,编辑设置弹窗名称、起止时间,点击【确定】
美业版微信小程序装修-银豹博客步骤2 编辑营销弹窗
点击【编辑】,商家可根据需要设置营销弹窗的背景图案、主副标题、弹窗跳转关联内容等,编辑设置好后,点击【确定】,点击【保存】美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客步骤3 开启营销弹窗
点击开关,开启营销弹窗,点击【确定】
美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客

会员中心

商家可通过自定义会员抬头、会员权益等个性化展示让会员中心的展现具有吸引力,帮助商家更好的打造店铺品牌形象,会员中心还可设置营销活动模块、图文模块等可以刺激会员主动参加店铺活动,提高会员转化。
☛小程序会员中心页面装修 

全店风格

在全店风格页面设置店铺的整体风格,可设置主题换肤、空白页图标、加载动画等
主题换肤
可根据商家店铺风格,选择配色方案,设置主题色、价格展示用色,设置好后点击【发布】;
美业版微信小程序装修-银豹博客空白页图标
空白页,商家可自行替换图标,如果想用回系统的默认图标,可点击还原默认图标,设置好后记得点击【发布】 注意:替换图片宽度280,高度280,png、gif格式,每张图大小不超过1M 
美业版微信小程序装修-银豹博客
加载动画
加载动画,商家可自行替换动画, 如果想用回系统的默认动画,可点击还原默认图标,设置好后记得点击【发布】 注意:注意图片宽度280,高度280,gif格式,每张图大小不超过1M
美业版微信小程序装修-银豹博客

模板市场

商家可根据需要,在模板市场中选择模板
使用步骤: ① 挑选模版  ② 选择应用  ③ 对模版进行编辑  ④ 预览/发布
详细可参照博客:小程序模板市场(点击立即前往)
美业版微信小程序装修-银豹博客

偏好设置

基础设置

说明:可进行 常规设置、订单/交易设置、商品设置、连锁模式设置、预约模式设置等基础偏好设置美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客

分享图片

说明:商家可选择分享事项,编辑设置分享图美业版微信小程序装修-银豹博客

整店窗口分享

说明:商家可选择 默认格式 也可自定义格式,未自定义设置,系统会采用默认截图方式呈现分享。
•默认格式
标题文案默认显示店铺名称;窗口图片默认使用屏幕截图分享。
•自定格式
可自定义编辑标题、上传图片
注意事项:图片长宽比5:4,支持jpg、png格式,每张图大小不超过800k)
美业版微信小程序装修-银豹博客

拼单活动窗口分享

说明:拼单需要提交微信审核发起群收款,故需要按要求提交分享设置。
*微信审核必要条件,文案应该为XXX邀你一起来拼单,故标题为不可自定义。
微信审核必要条件,图片上带有【立即点单】的按钮,图片长宽比5:4,支持jpg、png格式,每张图大小不超过800k。美业版微信小程序装修-银豹博客

商品管理

图片空间

说明:商户可提前把所需装修图片上传到图片空间,方便后续在新版装修页面的商品管理 、分类管理中上传商品图片,上传商品分类图片,编辑商品详情页等。美业版微信小程序装修-银豹博客

分类管理

说明:商家可在分类管理页面设置商品分类图标、禁售时段、商品分类排序等操作美业版微信小程序装修-银豹博客编辑分类名称
点击商品分类后的修改按钮,可编辑修改商品分类在小程序上展示的名称美业版微信小程序装修-银豹博客分类图标
点击+,上传分类图标
美业版微信小程序装修-银豹博客
网店可见
可开启或关闭网店是否可见商品分类美业版微信小程序装修-银豹博客禁售时段
说明:可逐一设置商品分类的禁售时段,也可批量勾选商品分类,设置禁售时段美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客商品分类排序
可点击【↑】【↓】移动排序商品分类,也可直接拖拽商品分类到想要的位置进行排序
美业版微信小程序装修-银豹博客

商品资料详情

说明:商家可在商品管理页面,编辑商品资料、次卡资料、服务资料的详情介绍。

商品资料

点击商品资料,选择商品分类,可搜索选择要编辑的商品,点击【编辑】,进入商品详情编辑页面,可编辑设置商品主图轮播图、商品图文详情;商品的详情介绍,可拖动左侧要使用的功能模块依次编辑保存,都设置好后点击发布。美业版微信小程序装修-银豹博客

次卡资料

点击次卡资料,选择次卡,可搜索选择要编辑的次卡,点击【编辑】,进入次卡资料详情编辑页面,编辑设置次卡资料的图文详情;次卡资料的图文详情介绍,可拖动左侧要使用的功能模块依次编辑保存,都设置好后点击发布。美业版微信小程序装修-银豹博客

服务资料

点击服务资料,选择服务,可搜索选择要编辑的服务,点击【编辑】,进入服务资料详情编辑页面,编辑设置服务资料主轮播图、图文详情;服务资料的图文详情介绍,可拖动左侧要使用的功能模块,依次进行编辑保存,都设置好后点击发布。美业版微信小程序装修-银豹博客

礼品包资料

点击礼品包资料,选择礼品包,可输入关键字搜索选择要编辑的礼品包,点击【编辑】,进入礼品包资料详情编辑页面,礼品包资料的图文详情介绍,可拖动左侧要使用的功能模块,依次进行编辑保存,都设置好后点击发布。美业版微信小程序装修-银豹博客

资料模板

说明:商家在编辑 商品、次卡、礼品包、服务资料 的商品详情时,如果有些功能模块的产品详情介绍是相同的,可通过编辑设置资料模板,选择应用的范围,来实现商品详情页某个功能模块的同步应用。
例如:预约说明、门店介绍、价格说明 等
操作:点击【新增】,编辑资料模板名称,编辑好后点击【确定】,资料模板可创建多个美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客选择要编辑的资料模板,点击【编辑】美业版微信小程序装修-银豹博客进入模板资料编辑页,拖动左侧所需功能模块编辑设置商品详情,编辑好后点击【保存】、【发布】美业版微信小程序装修-银豹博客点击【应用选择】,选择应用范围,应用范围可选商品、次卡、礼品包、服务资料,选择好后点击【确定】美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客

页尾标识设置

说明:点击右上角设置按钮,点击页尾标识设置,可自定义页尾标识
标识图片格式:260x60或60*60像素,png、jpg、gif格式,大小不超过300k

美业版微信小程序装修-银豹博客
点击【+】上传页尾标识,也可不是设置,选择是否显示银豹技术支持,设置好后点击【确定】美业版微信小程序装修-银豹博客尾页标识设置后效果展示美业版微信小程序装修-银豹博客

 常见问题


设置服务预约时段、预约时长间隔

说明:服务的预约时段、预约时长间隔设置,商家需要设置服务时长
操作:商家登录银豹美业后台,创建/编辑 服务资料时,编辑设置服务时长美业版微信小程序装修-银豹博客设置好服务时长后,商家需要给技师排班,技师排班的时段即为预约时段美业版微信小程序装修-银豹博客

设置服务技师

步骤1 技师排班
路径:银豹后台,员工-员工中心-预约服务
操作:点击左上角【班次设置】,根据门店营业时间和人员情况,设置班次,例如:全班、早班、晚班美业版微信小程序装修-银豹博客设置好班次后,分别给技师排班,点击每天对应的班次图标,可选择设置班次。
美业版微信小程序装修-银豹博客

步骤2 设置技师服务项目
路径:员工-员工中心-预约服务
操作:点击【设置项目】可逐一设置对应技师服务的项目美业版微信小程序装修-银豹博客也可点击左上角【批量设置项目】,批量设置技师服务的项目美业版微信小程序装修-银豹博客
以上步骤设置好后,顾客选择服务项目预约时可选择服务技师。

“技师”名称替换

说明:如果想要修改预约界面 技师的名词展示,可登银豹美业后台,进行设置
路径:设置-网店网店装修-前往装修(注:不是新版)-预约管理-名词替换。
美业版微信小程序装修-银豹博客点击首页装修,才会出现“预约管理”项,点击预约管理

美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客
美业版微信小程序装修-银豹博客
美业版微信小程序装修-银豹博客

顾客在美业小程序消费,门店如何接单?

  • 顾客购买次卡、礼品包,系统会自动推送到会员中心,门店无需接单;
    美业版微信小程序装修-银豹博客
  • 顾客购买商品,门店收银端在网单中心接单
    美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客
    美业版微信小程序装修-银豹博客
  • 顾客预约服务,商家在门店收银端,预约界面查看
    美业版微信小程序装修-银豹博客
    门店收银端有弹窗提醒或者在“全部菜单-预约”可查看
    美业版微信小程序装修-银豹博客美业版微信小程序装修-银豹博客