### 模板管理
![](https://box.kancloud.cn/c414e350b700f94379eca9ad10a8233a_1346x292.png)
**“可视化DIY”,同步预览前端装修效果**
商城目前的首页布局也是DIY装修的,各模块自由组合拼接,满足商城个性化装修设计。
相较首页布局而言,“可视化DIY”最大的特点便是后台布局装修时能够同步预览前端效果图,因此谓之“可视化”DIY。
如下图是“可视化DIY”操作界面,左侧是基础、营销等组件,中间是商城前端效果图,右侧是具体的设置。![](images/12.png)
**点击左侧的组件**,效果图就会出现对应的模块。在效果图**中点击对应模块**,就可以在**右侧进行具体的设置**,包括商品上传、列表样式选择等,并根据效果图进行细节调整。
**可保存N个DIY模板**
进行DIY页面设计的时候支持创建多个模板、自定义页面保存。
#### 添加模板
![](https://box.kancloud.cn/b07451244ceca677030832d70570b9c0_839x483.png)
**基础组件**
* 搜索
![](https://box.kancloud.cn/d81fcb2672646a336d01b13219b6c149_933x447.png)
* 导航图标
* 每行个数可选3、4、5
![](https://box.kancloud.cn/a3dfee32001ce5d9b7c1a70199188f33_930x503.png)
* 轮播广告
![](https://box.kancloud.cn/09e8c655333bf10bfe5177ff29252c95_930x399.png)
* 公告
![](https://box.kancloud.cn/fba49f03291fd209c45b2130d06ed0a1_910x572.png)
* * 弹窗设置
![](https://box.kancloud.cn/8b90d183da88f71fbc6385f9cd216e4e_791x732.png)
* 专题-简易模式
![](https://box.kancloud.cn/e2a4388c2ee61c3008d066d0f2cecff0_857x644.png)
* 专题-列表模式
![](https://box.kancloud.cn/2a5d33223e19dbff505a877aa3c042b1_918x592.png)
* 关联链接
![](https://box.kancloud.cn/586e5cfb42c82d403116ab62740309e5_900x674.png)
* 图片广告
![](https://box.kancloud.cn/6dcb21a2f2584e820138908c8a287d46_981x650.png)
**图片热区**
图片热区是的新增功能,在一张图片上,制作任意尺寸的四边形区域,并添加链接的一种方式,可以实现在一张图片上,点击不同区域跳转不同页面的效果。
![热区.gif](https://www.zjhejiang.com/uploads/201907181563420139800294.gif "201907181563420139800294.gif")
* 支持自定义魔方(选择自定义魔方的时候需要选择宽度和高度)
![](https://box.kancloud.cn/ac520c1f8f3b3dcc6ccef9706449cf35_1106x517.png)
* 视频
![](https://box.kancloud.cn/4506b9c6ff9d5e7345376728dda320e3_1114x301.png)
* 商品 (需要在外面添加好商品,才能在diy商品列表添加商品)
![](images/13.png)
* 门店 (需要在外面店铺管理,内容管理,门店管理里添加好门店)
![](https://box.kancloud.cn/58263db1e7efe49d0a7d9b87204a97ea_703x518.png)
* 版权
![](https://box.kancloud.cn/28d0b091151c6907d40f328eb69fd303_1153x335.png)
* 签到
* 热区里面可以选择鼠标点击的范围,点击就该范围内就可以点击签到
![](https://box.kancloud.cn/74bf13ad0643b8268c3816654b7b3ca5_829x378.png)
* 用户信息
![](https://box.kancloud.cn/381f11d9977b08ffa8d3cfcb5cc2c8ba_833x303.png)
* 订单入口
![](https://box.kancloud.cn/34a38af5b56d2459f5171d9bc3c2b9c8_1055x218.png)
* 地图
![](https://box.kancloud.cn/4231ed5d13030e7239dcbd1b26d16635_1076x640.png)
* 微信公众号
![](https://box.kancloud.cn/55dcc782ace07c635f9d01a69f886ac7_808x183.png)
**营销组件**
* 优惠券
![](https://box.kancloud.cn/ba07c4fba84fd25fd05c4764601f9426_766x436.png)
* 倒计时
![](https://box.kancloud.cn/f5b3bfcbd0562957b1c11a249c9389f4_870x302.png)
* 好店推荐
![](https://box.kancloud.cn/09604145f82ea212911f0b32c53bc79c_692x277.png)
* 拼团 (需要在外面拼团里添加好商品)
![](https://box.kancloud.cn/77533cb92b579436e37374e5be88c621_1078x724.png)
* 预约 (需要在外面预约里添加好商品)
![](https://box.kancloud.cn/24b880ed0234fec18788f5916ee1a96c_1053x734.png)
* 秒杀 (需要在外面秒杀里添加好商品)
![](https://box.kancloud.cn/6e7f50ecef7f36e0340fc40d4fdf48fc_1073x716.png)
* 砍价 (需要在外面砍价里添加好商品)
![](https://box.kancloud.cn/6cf2ad610bdef42c43215910601bd157_1070x713.png)
* 积分商城 (需要在外面积分商城里添加好商品)
![](https://box.kancloud.cn/ab03ab70a820e7a48d9dd9d9f3490a7b_1037x730.png)
* 抽奖 (需要在外面幸运抽奖里添加好商品)
![](https://box.kancloud.cn/a06fcc23e0f681dce5080710f9861568_1063x714.png)
**其他组件**
* 空白块
![](https://box.kancloud.cn/6a99f13d22c075a7a7f51e96eb8b3c4f_1077x172.png)
* 流量主广告
![](https://box.kancloud.cn/e6506351a17a52ea15001b10d5e19058_1085x173.png)
* 弹窗广告
![](https://box.kancloud.cn/01a0b8a0b648e7eb2f25b9792ace5684_872x495.png)
* 快捷导航
![](https://box.kancloud.cn/1581e387aadbcf68c389bad68154fee2_1079x667.png)
- 店铺管理
- 店铺设计
- 轮播图
- 导航图标
- 图片魔方
- 标签栏
- 首页布局
- 用户中心
- 下单表单
- 自定义海报
- 页面管理
- 小程序页面
- 页面标题
- 版权设置
- 内容管理
- 文章
- 专题分类
- 专题
- 视频
- 门店管理
- 员工管理
- 基础设置
- 角色列表
- 员工列表
- 操作记录
- 商品管理
- 商品列表
- 商品分类
- 素材管理
- 快速购买
- 推荐设置
- 商品服务
- 淘宝CSV
- 订单管理
- 订单列表
- 售后订单
- 评价管理
- 批量发货
- 用户管理
- 用户列表
- 核销员
- 会员等级
- 余额记录
- 会员购买
- 积分记录
- 用户卡券
- 分销商管理
- 基础设置.
- 自定义设置
- 分销商
- 分销订单
- 分销提现
- 数据统计
- 营销中心
- 插件中心
- 签到插件
- 手机端管理
- 微信小程序
- 基础设置.
- 模板消息.
- 小程序发布.
- 单商户发布.
- 群发消息.
- 砍价
- 九宫格
- 多商户
- 多商户设置
- 模板消息
- 商户列表
- 入驻审核
- 所售类目
- 提现管理
- 商品管理.
- 订单管理.
- 拆红包
- 预约
- 基本配置
- 商品分类
- 商品管理..
- 商品列表..
- 拼团
- 拼团设置
- 模板消息..
- 商品列表.
- 商品分类.
- 订单列表.
- 拼团管理..
- 轮播图.
- 拼团广告
- 机器人设置
- 整点秒杀
- 秒杀设置
- 秒杀商品
- 订单列表..
- 刮刮卡
- 基本配置.
- 奖品列表
- 抽奖记录
- 赠品订单
- 好物圈
- DIY装修
- 模板管理
- 模板市场
- 自定义页面
- 授权页面
- 幸运抽奖
- 抽奖设置
- 奖品列表.
- 轮播图..
- 赠品订单.
- 积分商城
- 积分商城设置
- 商品管理..
- 优惠券管理
- 用户兑换券
- 步数宝
- 基本配置..
- 用户列表.
- 流量主
- 步数挑战
- 步数宝商品列表
- 步数宝轮播图
- 步数宝订单管理
- 核销员.
- 当面付
- 团队分红
- 队长管理
- 队长等级设置
- 分红订单
- 分红提现
- 设置.
- 超级会员卡
- 超级会员卡基础设置
- 会员卡管理
- 一键发圈
- 商品预售
- 预售设置
- 预售计算规则
- 社交送礼
- 基础配置.
- 社交送礼商品管理
- 余额收支
- 充值管理
- 积分
- 卡券
- 优惠券
- 优惠券管理.
- 自动发放
- 设置
- 基础设置
- 基本信息
- 显示设置
- 悬浮按钮设置
- 消息提醒
- 公众号配置
- 短信通知
- 邮件通知
- 物流设置
- 规则设置
- 快递鸟设置
- 运费规则
- 包邮规则
- 起送规则
- 退货地址
- 区域购买
- 电子面单
- 小票打印
- 同城配送
- 常见问题(必看)
- 如何修改小程序二维码 头像 介绍?
- 发布后可以修改小程序名称吗?
- 如何添加小程序客服?
- 小程序的钱如何查看,提取?
- 如何开通企业付款到银行卡?
- 如何设置公众号菜单栏跳转到小程序?
- 如何添加支付管理员或者员工账号?
- 如何开启关联公众号组件?