摘要:银豹发布新版小程序装修工具,下面为大家演示操作如何使用新版装修工具!

 装修前准备


选择“新装修小程序 beta ”模板

小程序模板要选择“新装修小程序 beta ”最新模板,提审发布成功后,再去新版装修工具装修后发布才会生效!

小程序配置如果遇到疑问可拨打400-8066-866转2号技术热线协助~

装修微信小程序(通用版)-银豹博客

在银豹后台新增商品资料

商户在银豹后台新增商品资料,商品分类图片和商品图片可在银豹后台上传;

  • 上传商品分类图片
    银豹云后台,商品-商品中心-商品分类-网店分类设置,上传商品分类图片装修微信小程序(通用版)-银豹博客
  • 上传商品图片
    银豹云后台,商品-商品中心-商品资料,编辑上传商品图片/ 批量导入商品图片装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客

使用说明


登录新版装修工具后台,商家可自主装修店铺、设置店铺风格、选择模板、商品管理等。

备注:有些页面的装修还在更新中,待发布

登录小程序装修工具后台

路径:银豹后台,设置-网店-小程序装修->前往装修

装修微信小程序(通用版)-银豹博客

页面装修

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

装修微信小程序(通用版)-银豹博客

导航设置

在页面装修页面下,点击【导航设置】,可编辑导航标签、店铺招牌、悬浮窗。

装修微信小程序(通用版)-银豹博客
  • 导航标签栏
    拖动左侧“标签栏”模块到小程序模拟器的底部,点击模块,在右侧可设置导航样式、导航菜单、自定义导航图标等
    装修微信小程序(通用版)-银豹博客
    ①设置导航样式
    点击【切换样式】进行样式的选择,可选样式:文字导航/舵式导航/图标导航/独立购物车导航,选择好后点击【保存】
    装修微信小程序(通用版)-银豹博客②设置导航菜单
    设置导航数量,可选1~5个
    设置导航菜单,下拉可选:首页/全部分类/个人中心/我的卡券/购物车/地图/直播/联系我们
    导航菜单名称支持自定义,字符不超过4个;设置好导航菜单后,点击【保存】;
    装修微信小程序(通用版)-银豹博客③自定义导航菜单(菜单名称/菜单图标)
    商户可根据需要自定义导航,点击【自定义】
    导航菜单名称支持自定义,字符不超过4个;
    菜单图标支持自定义,普通是指未点击菜单,该菜单的图标颜色,一般为灰色;点亮是指点击菜单后,该菜单的图标颜色;建议图片分辨率200*200,png格式,要求一组内的图片宽高度必须一致;
    装修微信小程序(通用版)-银豹博客
  • 编辑店铺招牌
    拖动左侧“店铺招牌”模块到小程序模拟器顶部,在右侧可设置店铺招牌的样式、店铺招牌想要应用的页面、显示模式,设置后点击确定;装修微信小程序(通用版)-银豹博客
  • 悬浮窗设置
    拖动左侧“悬浮窗”到小程序模拟器中,在右侧可设置悬浮窗的图标、样式、应用页面、显示模式、窗口数、子窗口等
    装修微信小程序(通用版)-银豹博客图标:可选系统默认的,也可自定义,自定义图标,建议分辨率200*200,png格式,每张图片大小不超过200k,建议圆形
    装修微信小程序(通用版)-银豹博客窗口:根据需要设置窗口数量,当主窗口中包含2个及以上窗口,才会展示主窗口,点击可展开窗口,再次点击隐藏
    装修微信小程序(通用版)-银豹博客

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

首页编辑

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

装修微信小程序(通用版)-银豹博客演示操作

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

装修微信小程序(通用版)-银豹博客

全部商品

说明:商家可根据需要设置全部分类的页面布局,可选标签页展示分类/侧边导航栏展示分类/侧边导航标签页混合展示分类

装修微信小程序(通用版)-银豹博客

下面以“侧边导航标签页混合展示分类”为例,设分类的页面布局,还可以在分类页面添加海报、公告、优惠券等

装修微信小程序(通用版)-银豹博客

自定义页面

商家可自定义页面,可新增常用页面,装修步骤同首页面编辑装修,设置好后保存,如果要应用自定义的模板页面,点击发布即可

装修微信小程序(通用版)-银豹博客

会员中心

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

☛点击前往了解会员中心页面装修

营销弹窗

步骤:新增弹窗—编辑设置弹窗-开启弹窗

商家可根据需要设置营销弹窗的背景图案、主副标题、弹窗跳转关联内容等
装修微信小程序(通用版)-银豹博客

积分商城

银豹小程序支持“积分商城”页面装修,商家可根据需要通过自定义概览类、兑换&换购类模块的个性化展示让积分商城的展现具有吸引力,帮助商家更好的打造店铺品牌形象,积分商城页面还可设置图文类模块,刺激会员主动参加店铺活动,帮助商家提高用户粘性和活跃度,更好的管理会员,提升入口流量和用户体验。

☛点击前往了解积分商城页面装修

全店风格

在全店风格页面设置店铺的整体风格,可设置主题换肤、空白页图标、加载动画等

主题换肤

可根据商家店铺风格,选择配色方案,设置主题色、价格展示用色,设置好后点击【发布】;

装修微信小程序(通用版)-银豹博客

空白页图标

空白页,商家可自行替换图标,如果想用回系统的默认图标,可点击还原默认图标,设置好后记得点击【发布】 注意:替换图片宽度280,高度280,png、gif格式,每张图大小不超过1M 

装修微信小程序(通用版)-银豹博客

加载动画

加载动画,商家可自行替换动画, 如果想用回系统的默认动画,可点击还原默认图标,设置好后记得点击【发布】 注意:注意图片宽度280,高度280,gif格式,每张图大小不超过1M

装修微信小程序(通用版)-银豹博客

操作图标

操作图标,商家可自行替换操作图标

注意图片宽度280,高度280,png、gif格式,每张图大小不超过1M

操作:选择 增加/删减/立即购买 的操作图标,点击可自定义上传,如果自定义的图标不喜欢,想恢复为系统默认的图标,可点击【还原默认图标】,自定义好操作图标后,点击【发布】即完成装修微信小程序(通用版)-银豹博客

装修微信小程序(通用版)-银豹博客

模板市场

商家也可根据需要,在模板市场中选择模板,然后在已选模板基础上再进行装修。

使用步骤: ① 挑选模版  ② 选择应用  ③ 对模版进行编辑  ④ 预览/发布

详细可参照博客:小程序模板市场(点击立即前往)

装修微信小程序(通用版)-银豹博客

偏好设置

基础设置

说明:可进行 常规设置、订单/交易设置、商品设置、连锁模式设置、预约模式设置等基础偏好设置

装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客

分享图

说明:商家可选择分享事项,编辑设置分享图

装修微信小程序(通用版)-银豹博客
整店窗口分享

商家可选择 默认格式 也可自定义格式,未自定义设置,系统会采用默认截图方式呈现分享。

•默认格式

标题文案默认显示店铺名称;窗口图片默认使用屏幕截图分享。

•自定格式

可自定义编辑标题、上传图片

注意事项:图片长宽比5:4,支持jpg、png格式,每张图大小不超过800k)

装修微信小程序(通用版)-银豹博客

拼单活动窗口分享

拼单需要提交微信审核发起群收款,故需要按要求提交分享设置。

*微信审核必要条件,文案应该为XXX邀你一起来拼单,故标题为不可自定义。

微信审核必要条件,图片上带有【立即点单】的按钮,图片长宽比5:4,支持jpg、png格式,每张图大小不超过800k。

装修微信小程序(通用版)-银豹博客

裂变优惠券窗口分享

可自定义“裂变优惠券”活动分享窗口的标题和图片。

未自定义设置,系统会采用默认格式呈现分享,默认格式,标题文案默认显示“xxxx好友喊你领券啦!”,窗口图片使用默认图分享。

装修微信小程序(通用版)-银豹博客

商家也可根据需要自定格式,点击【自定格式】,可自定义编辑标题、编辑图片,编辑好后,点击【确定】进行保存,在左侧窗口可预览效果,预览后点击【发布】即完成。

装修微信小程序(通用版)-银豹博客

瓜分优惠券窗口分享

可自定义“瓜分优惠券”活动分享窗口的标题和图片。

未自定义设置,系统会采用默认格式呈现分享,默认格式,标题文案默认显示“xxxx好友喊你助力瓜分优惠券啦!”,窗口图片使用默认图分享。

装修微信小程序(通用版)-银豹博客

商家也可根据需要自定格式,点击【自定格式】,可自定义编辑标题、编辑图片,编辑好后,点击【确定】进行保存,在左侧窗口可预览效果,预览后点击【发布】即完成。

装修微信小程序(通用版)-银豹博客

小程序码

说明:商家可根据需要,选择要生成的小程序页面路径,复制链接或下载小程序码嵌,入公众号菜单或嵌入图文推广。

路径:小程序装修-偏好设置-小程序码

根据页面提示编辑设置以下小程序码相关信息

*小程序ID:选择小程序ID

*小程序页面路径:选择链接

*该路径进入门店:连锁店登录总部,可选 进入门店列表-列表按距离排序/自动进入最近门店/进入指定门店

示例: 生成“邀请有礼”页面路径

装修微信小程序(通用版)-银豹博客

生成公众号链接,嵌入公众号菜单:编辑好小程序码相关信息后,点击【复制链接】,选择生成“公众号链接”,生成后复制,可嵌入公众号菜单中

装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客

生成小程序码,嵌入公众号推文:编辑好小程序码相关信息后,点击【下载】,下载小程序码,可嵌入公众号图文中。

装修微信小程序(通用版)-银豹博客
装修微信小程序(通用版)-银豹博客
生成的小程序码,可做成易拉宝在门店展示或投放广告屏、收银机副屏展示等装修微信小程序(通用版)-银豹博客

商品管理

 

商户可提前把所需装修图片上传到图片空间,在新版装修页面的商品管理 中上传商品图片,上传商品分类图片,编辑商品详情页。

装修微信小程序(通用版)-银豹博客

上传分类图片

进入商品管理界面,选中想要上传图片的分类,点击【+】上传图片;
备注:系统分类(团购、砍价、秒杀、套餐、热卖、促销)也可编辑上传图片装修微信小程序(通用版)-银豹博客

上传商品图片

在商品管理界面,选择分类下需要上传图片的商品,点击【编辑】,进入商品编辑页,点击【+】上传商品主图
装修微信小程序(通用版)-银豹博客装修微信小程序(通用版)-银豹博客

装修商品详情页

在商品管理界面,选择分类下需要编辑的商品,点击【编辑】,进入商品详情页面,拖动左侧需要的模块,编辑商品详情,装修好后,点击发布。

装修微信小程序(通用版)-银豹博客

资料模板

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

页尾标识设置

点击右上角设置按钮,点击页尾标识设置装修微信小程序(通用版)-银豹博客可根据需要上传页尾标识,也可不是设置,可选择是否显示银豹技术支持
标识格式:260x60或60*60像素,png、jpg、gif格式,大小不超过300k装修微信小程序(通用版)-银豹博客


附:相关视频教程

  • 银豹新版装修工具-小程序装修示范(点击图片立即学习)
装修微信小程序(通用版)-银豹博客

前往银豹商户学院,学习更多小程序相关课程

 

【增值服务】小程序定制装修

银豹提供小程序定制装修服务,可根据企业品牌定位和调性,银豹资深设计师为品牌量身打造小程序装修,让你的门店在小程序中脱颖而出!

点击前往查看详情:【增值服务】小程序装修