# 如何快速搭建「社区团购」商城货架?
[English](/books/settings-store/page/how-to-quickly-set-up-a-product-collections-for-a-manual-adjustment-required-community-joint-orderg-online-store)
一、 功能介绍
微页面模板上新啦!新增「社区团购」模板,支持快速搭建商品货架。
另外,对店铺装修能力进行了升级,包括微页面的「分类导航」组件、「搜索」组件,以及店铺导航装修、商详页装修。
二、 使用目的
商家可以通过本次新增的装修配置能力,搭建更丰富的商品货架,用户可以在货架中看到商品的营销促销内容、关联直播,并且可以快速加购下单,提升整体成单率。
三、 使用场景
场景一:主要售卖实物的商家,需要按分类售卖商品,并且尽可能吸引用户下单,此时可以使用本次新增的能力。
四、 操作路径
商家端:商家后台 → 设置 → 移动端店铺 → 微页面模板库 → 选择「社区团购」模板 → 批量绑定商品分组
或:商家后台 → 设置 → 移动端店铺 → 搭建店铺主页 → 拖拽「分类导航」组件 → 选择「批量添加」 → 批量绑定商品分组
学员端:微信H5店铺 → 查看货架中的商品 → 加入购物车 → 下单
**五、 ** 使用教程
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/0116dgm5w4l1at.png "unknow.png")
第一步 装修店铺(自主搭建)
**方式一:通过模板搭建**
(1)进入【设置】-【微页面】-【模板库】,滑到底部选择“社区团购”模板,点击【立即应用】
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/1cf2zsm5w4sqbp.png "unknow.png")
(2)点击【分类导航】组件,在右侧点击【批量添加商品分组】,选择对应分组后,点击右上角【保存】即可
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/vg7ee2m5w4sq45.png "unknow.png")
方式二:自主搭建
(1)进入【设置】-【移动端店铺】-【店铺主页】/【微页面】-【搭建店铺主页】/【编辑微页面】
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/rp3rq5m5w4l0t4.png "unknow.png")
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/d96uwrm5w4l146.png "unknow.png")
(管理后台)
(2)添加【分类导航】组件,类型选择【批量添加】,点击【批量添加商品分组】并选择对应商品分组
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/jypf8lm5w4l13n.png "unknow.png")
(3)开启【加购按钮】、【营销氛围】
注:仅“添加类型”选择“批量添加”时可见
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/b1ahs0m5w4l182.png "unknow.png")
**(可选)配置页面为店铺主页**:进入【设置】-【移动端店铺】-【微页面】,点击对应微页面的【设为主页】,设置后,用户进入对应页面时,可直接看到已搭建的商品货架
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/c9sesum5w4x2gy.png "image.png")
** ** **(可选)配置购物车为店铺底部导航**:进入【设置】-【移动端店铺】-【店铺导航】-【添加导航】,跳转链接选择【购物车】,保存后,用户在店铺中可快速切换至购物车进行查看
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/rvpmojm5w4l12h.png "unknow.png")
c端效果:
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/m3h7zfm5w4l0zk.png "unknow.png")
第二步 查看商品(H5店铺)
1. 进入店铺后,查看首页(如果是设置为微页面,则进入微页面对应链接)
2. 浏览商品并点击【加购】按钮将商品加入购物车
营销氛围已支持:
(1)关联直播:如果商品正在被直播带货,将显示对应的直播间入口
(2)优惠券:显示该商品可公开领取的最大满减/折扣券
(3)限购:仅实物商品设置了限购时显示
(4)称重退差价:仅实物商品,需对应商品开启“多退少补”功能
![image/png](https://wechatapppro-1252524126.file.myqcloud.com/help_center_ooo/image/help_center_ooo/umg11km5w4l10j.png "unknow.png")
第三步 下单(H5店铺)
1. 进入购物车查看已加购列表,点击结算提交订单
2. 成功支付形成订单后,如果是到店自提商品,可以走后续的门店提货核销流程(同单商品下单核销流程)