写在最前面

• 之前曾写过“自定义交易组件相关接入指引”，广受好评，解决了很多开发者接入时遇到的问题，当然，其中也不乏一些喂不饱的白眼狼，得到便利还反咬一口，无耻至极，内容如有错误请指正，请文明交流！
• 本文会尽可能跟随官方功能迭代而更新内容
• 有问题可以跟帖回复，尽可能的给你解决（解决不了也没办法🤷‍♀️）
• 良言一句三冬暖，恶语伤人六月寒。

腾讯在2024年8月12日发布公告：腾讯计划自08月25日起，正式支持商家将视频号小店升级成微信小店。公告原文->点我查看

本文主要介绍24版的“微信小店”的升级内容及对接过程中各流程的注意事项与易错点（暂不包含新店开店流程），文档篇幅较长，如无需查看完整文档可以使用浏览器自带页面搜索功能进行关键字搜索（快捷键Ctrl+F ）。

本文更新日志（后续会对本文变动内容进行标注）
2024.12.13 更新支持小程序跳转小店订单详情
2024.12.04 更新商品卡片样式自定义
2024.09.06 更新微信小店关联账号数量新规则
2024.08.27 小程序内嵌入商品跟佣问题修复
2024.08.26 更新客服、小程序内嵌入商品跟佣相关内容
2024.08.25 本文发布

1、“原视频号小店”升级“24版微信小店”后新增内容：

1.1 店铺管理新增“主页管理”入口

升级“微信小店”后，在管理后台->店铺管理会新增一个“主页管理”，相当于店铺有了一个首页，目前支持配置精选展示位、商品商品分类、主页背景图以及推荐商品排序

1. “小店”主页商品排序
   调整店铺主页销售中商品的默认展示顺序，可以按照序号排序，数字越小越靠前；同时也支持对单个商品进行置顶或隐藏（图一为后台操作排序，图二圈中部分为对应排序展示）
   
   

注意事项及其他说明

1. 最多可以置顶50个商品
2. 后序置顶商品会在前序置顶前展示

2. “小店”主页商品分类
   可以在主页创建分类并关联商品，当前支持2级分类
   

注意事项及其他说明
1）分类目前只支持上移/下移排序，暂不支持置顶操作
2）单个分类不能超过10个汉字，支持emoji（这个好评）
3）一二级分类暂未测试到数量上限，不过不建议单个一级分类下配置二级分类过多，有可能会影响其他分类展示，尤其是该分类在第一位的时候
4）分类名称会有内容审核，敏感词及平台不允许发布的内容无法进行创建
5）一个商品是支持挂在多个分类下

3. 主页背景图
   可配置一张主页背景图，会按16:9比例展示在主页顶部（自己店铺上传的还在审核，先放官方示意图）
   

注意事项及其他说明
1）图片仅支持JPEG、JPG、PNG、BMP格式，大小不超过10M
2）背景图片需审核，带二维码、违反公序良序及其他违反法律法规的内容会被驳回

4. 精选展示位
   在主页店铺信息下展示推荐内容，目前支持配置展示商品、指定视频号视频、单篇公众号内容三种内容，样式目前只有大图和小图两种展示方式。

• 用户端展示商品内容示例-小图模式：
  
• 用户端展示视频号内容示例-小图模式
  
• 用户端展示公众号内容示例-小图模式
  
• 用户端展示商品内容示例-大图模式
  
• 用户端展示视频号内容示例-大图模式
  
• 用户端展示公众号内容示例-大图模式
  

注意事项及其他说明
1）图片仅支持JPEG、JPG、PNG、BMP格式，测试图片可以超过10M（后续是否会改不清楚，不过图片过大加载是真的慢）
2）展示内容会根据展示内容拉取对应商品首图、视频号视频封面以及公众号文章封面，也可以自行上传图片，这里需要注意的点是即使你的图片在商品可以过审核，但在主页推荐不一定能过审核，两者审核尺度不同
3）小图模式至少配置3个展示位才可以保存，而大图模式配置1个展示位就可以，最多允许配置5个展示位
4）商品仅支持配置自己店铺内商品，视频号内容支持配置任意视频号博主任意公开视频，公众号内容支持选择任意公众号任意公开内容
5）无论大图模式还是小图模式，目前仅支持配置1:1的图片，后续是否优化暂不可知

1.2 客服由企业微信客服切换为小店客服

类似原小程序客服，可通过网页和手机端接收、处理客户咨询。目前已支持查询咨询客户下单信息，向咨询用户发送商品、订单消息，配置快捷短语等，基础功能可以满足大部分用户需求，终于可以不用再去付费买三方客服应用了，这个要👍。
注：这里截图不放自己店铺了，涉及用户隐私太多，图示为官方示意图
1.2 PC端：

1.2 移动端：

注意事项及其他说明
客服功能存量商户升级指引"->点我查看"（需升级为微信小店后操作）

1.3 新增店铺关联账号

关联账号可以直接售卖小店内的商品，目前支持关联5个视频号与5个公众号，分别可设置1个对外展示账号。

• 对外展示账号样式-示例图（目前不会显示视频号、公众号名称，只有入口）
  

注意事项及其他说明
1）对外展示账号可以进行修改，每种对外展示类型账号每年3次修改机会。
2）配置关联账号后，该账号可在视频号带货中心>橱窗管理中管理带货商品
3）关联账号详细说明及要求：“->点我查看”
4）如果在电脑上打开了客服网页版且在活跃中，当前手机上是不会重复接收到消息推送，预计9月份会有客服PC端和手机APP推出
5）若微信小店店铺开店满30天，且近30天内DSR均大于等于4.6分，关联账号数量可提升至视频号和公众号各10个。（2024.09.06更新）

2、小程序侧新增能力

2.1 小程序支持内嵌微信小店首页，展示小店首页，并进行跳转交易

store-home 开发文档地址：->点我直达

• 小程序嵌入微信小店首页组件样式
  

注意事项及其他说明
1）基础库需要3.5.5，否则真机调试不显示，可以在开发者工具选择3.5.5版本进行推送

2）支持任意升级微信小店后的任意微信小店APPID
3）内嵌入微信小店首页时会有一个“小店”文字显示在下方，可以通过下述方式屏蔽，
.wx_store_home .wx_store_home_img_desc {
display: none;
}
4）第3点中的代码同时也支持屏蔽组件其他类型信息

• wx_store_home_info
• wx_store_home_img_box
• wx_store_home_info_logo
• wx_store_home_img_box
• wx_store_home_info_title
• wx_store_home_info_title_text
• wx_store_home_info_history

2.2 小程序内嵌微信小店商品，展示小店商品，并进行跳转交易且支持小店优选联盟带货跟佣功能。

store-product 开发文档地址：->点我直达

• 小程序内嵌微信小店商品组件样式
  

2024.12.04 新增支持自定义样式 custom-style ，支持自定义的样式有

键名	说明	允许自定义的属性
card	卡片样式	background-color
title	标题样式	color
price	价格样式	color
buy-button	购买按钮样式	width、border-radius、color、background-color
buy-button-disabled	购买按钮禁用态样式	width、border-radius、color、background-color

示例图：

注意事项及其他说明
1）基础库需要3.5.5，否则真机调试不显示
2）支持任意升级微信小店后的任意微信小店商品ID，这里需要使用微信小店商品id，不支持商户自定义商品ID
3）如果商品违规下架，内嵌商品会直接显示商品违规下架
4）商品组件也可以参考店铺主页代码，屏蔽对应组件内容信息
5）跟佣还未测试，稍后补充

2.2.1 小程序内嵌微信小店商品优选联盟带货跟佣

2024.08.26 14:00:00 目前带货跟佣测试不通，视频号助手API接口实际请求返回无“product_promotion_link”参数，接口返回参数“promotion_key”值类似“product_promotion_link”，疑似为“product_promotion_link”信息。
在小程序前端测试中，store-product组件包含“product_promotion_link”参数时，无法展示对应小店商品，改为“promotion_key”可以正常显示。
目前测试来看小程序侧并不会校验跟佣信息是否正确，建议自己开发测试时一定要慎重一下此处…
2024.08.27 17:30:00 跟佣测试成功，视频号助手API接口实际请求返回无“product_promotion_link”参数，接口返回参数“promotion_key”即为store-product组件的product_promotion_link参数。
注意：文档写的是product-promotion-link,实际应为product_promotion_link，如果使用product-promotion-link，在前端是不会展示对应商品的。

2.3 小程序跳转小店订单详情

wx.openStoreOrderDetail() 开发文档地址：->点我直达
测试暂未发现什么异常

2.4 小程序内嵌微信小店优惠券，展示小店优惠券，并进行跳转领取

store-coupon 开发文档地址：->点我直达
截图为默认样式

支持自定义样式 custom-style，支持自定义的样式有

键名	说明	允许自定义的属性
card	卡片样式	background-color、width
discount-fee	折扣金额样式	color
coupon-type	优惠券类型样式	color
condition-text	条件样式	color
valid-time	有效时间样式	color
coupon-button	按钮样式	border-radius、color、background-color
coupon-text-disabled	优惠券状态样式	color

注意事项及其他说明
1）基础库需要3.8.3，否则真机调试不显示
2）coupon-id为后台或者API获取的优惠券ID，而不是文档写的“商品id”
3）目前只支持跳转领取，不支持API发放

3、搜一搜新增“小店”分类

截止文章更新，目前只支持根据关键词搜索到店铺，暂不支持搜索到商品

持续更新中…