支付宝小程序—红海组件配置指引

产品绑定与组件订购

1、申请会员收货地址权限

说明

支付宝开放平台控制台,单击对应小程序右侧详情进入小程序开发界面,在开发 > 产品绑定>界面,搜索并绑定获取会员收货地址

image..png

产品绑定后,商家需申请获取产品使用权限。image..png

2、订购商品详情组件插件

  1. 登录支付宝商家平台,在运营中心>服务市场>服务市场首页界面,单击立即订购订购商品详情组件插件

  2. 选择需要添加的小程序,输入联系人信息,勾选授权规则后单击授权并订购,根据界面提示完成订购image.png

3、开通交易组件

  • 开通入口一

    说明

    若选择开通入口一时系统报错订购失败,请选择开通入口二开通组件。

    1. 登录支付宝商家平台,在运营中心>小程序界面,单击需要开通组件的小程序。

    2. 在跳转的小程序数据界面单击左侧最下方交易组件,单击申请开通image.png

    3. 在跳转的申请开通界面,单击签约JSAPI支付右侧去签约,开始签约JSAPI支付。

    4. 核对信息后勾选同意服务协议,单击申请开通

    5. 提交后,等待审核。

      审核通过后,签约JSAPI支付状态更新为签约成功image.png

  • 开通入口二

    1. 支付宝商家平台小程序组件插件界面单击立即订购

    2. 选择需要开通插件的小程序,填写联系人信息并勾选全权委托同意协议,单击授权并订购

    3. 核对信息后,单击授权并订购确认插件订购。

4、订阅消息服务

营销前置配置

1、小程序商品提报

商家如有直播或生活号+运营需求,需要在支付宝商家中心进行商品管理

  1. 商家发送申请邮件至支付宝BD思仪 ,邮件内容可参考下文(请如实填写)。

    Hi ,思仪:

    我司某某小程序申请开通商品管理白名单,敬请支持。

    小程序名称:

    小程序pid:

    小程序APP ID:

    申请原因:因小程序有直播需求,特申请开通支付宝商家平台商品管理入口。

  2. 新建商品

    说明
    • 在新建商品前,商家应先完成小程序上线。商家只需根据需要提报参加活动的商品。

    • 因支付宝审核要求,商家提报的商品的商品名称、导购标签、图文详情等,请勿包含test测试等文字。

    1. 商品管理入口加白通过后,商家通过复制下列链接进入商品管理列表。

      https://b.alipay.com/page/goods-management/mini/goods/listNew?appId=商家小程序appid

      说明

      因支付宝商家中心版本问题,请商家务必从上述链接进入商品管理列表,否则新建商品页面无法编辑商品SKU信息等。

    2. 商品管理 > 普通商品界面单击新建商品,进入创建商品页面,按要求填写各项商品信息。

      说明

      商家在新建商品时,需保证所填写的信息与品牌商城中对应信息保持一致,否则可能引起商品无法跳转、活动下架、资损等问题。

      • 基础信息

        • 商品名称:填写商品名称,商品名称请与品牌商城商品名称保持一致,商城侧商品名称如下图编号2所示。

        • 上传商品图片:单击上传图片上传商品图片,第一张图片为商品主图,因支付宝商品管理商品图片最多只能上传4张,请商家自行选择需要从商城中获取的图片。规格要求如下:

          主体:完整不变形;风格:合法合规、图片清晰、无牛皮癣; 规格:750*750px png/jpg/jpeg, 文件大小 < 500Kb; 支持添加1-4张图片

          商品图片请从品牌商城运营控制台商品 > 商品管理 > 编辑商品 > 基础信息 > 商品主图获取,如下图编号3所示。

          说明

          图片可能与支付宝侧要求存在规格上的差异,商家需对图片进行处理。

        • 商家侧编号:填写品牌商城商品ID,如何获取商城商品ID如下图编号1所示。image.png

        • 商品类目:选择商品类目,请如实填写。

        • 导购标签(可选):可选设置项。可通过标签描述您的商品,可用英文逗号分隔,用于支付宝平台对您的商品进行理解,便于更高效的场景分发。

      • 商品属性

        • 自定义属性:建议不设置。

      • 销售信息

        • 规格:单击添加规格,填写规格名称,单击下方添加属性值,添加完成后单击确定

          • 规格名称

            说明

            规格名称建议商家直接填写规格分类。如商家需将规格名称与千牛侧商品规格细分匹配,请自行添加,如颜色、尺寸等,商家在配置规格配置时,请正确匹配SKU信息如SKUID、售价等。

            image.png无规格商品提报时无需填写规格名称(单SKU产品需要填写)。商家可通过品牌商城商品 > 商品管理 > 编辑商品界面中的商品名称SKU描述是否一致来判断,如果一致则为无规格商品,如果不一致,为单SKU商品。如下图所示商品的商品名称SKU描述一致,该商品为无规格商品。image.pngimage.png

          • 属性值

            填写品牌商城商品 > 商品管理 > 编辑商品 > SKU信息界面中SKU描述信息。image.png

            说明

            如商家在配置规格名称时,已匹配千牛侧规格细分,在填写属性值时请自行与千牛侧各规格下的属性值匹配。

        • 规格配置image.png

          序号

          名称

          说明

          1

          商品库存

          库存为选填字段,如果您不勾选,则无需填写编号7处库存;如果您设置库存=0,则平台会对用户展示售罄状态。

          2

          商品条形码

          商家条形码为选填字段,用于平台更准确的识别您的商品。如果您不勾选,则无需填写编号9处条形码。

          3

          规格

          根据属性值同步。

          4

          商品配图

          单击image.png上传图片,建议与品牌商城SKU图片一致。

          SKU图片可至千牛侧获取。image..png

          5

          售价

          填写商品售价,需与品牌商城商品零售价(销售价)保持一致。

          品牌商城商品 > 商品管理 > 编辑商品 > SKU信息界面获取。

          image.png

          6

          原价

          填写商品原价,需与品牌商城商品划线价(淘宝售价)保持一致。

          品牌商城商品 > 商品管理 > 编辑商品 > SKU信息界面获取。image.png

          7

          库存(件)

          填写商品库存,不高于品牌商城库存数量。

          8

          规格编码

          填写品牌商城SKUID。

          重要

          无规格商品请勿填写规格编码

          品牌商城商品 > 商品管理 > 编辑商品 > SKU信息界面获取。

          image.png

          9

          条形码(可选)

          根据需要填写商品条形码。

          10

          操作

          • 可售开关:单击圆点切换可售/禁售状态。

          • 删除:单击删除删除此商品。

          11

          商品售价区间+商品总库存

          根据以上配置展示商品售价区间和商品总库存。

        • 浏览信息

          • 导购描述(可选):可选配置项。简单描述商品的导购信息。

          • 商品详情页:填写商城商品详情页链接,链接获取方法请参考如何获取商品详情页链接,请注意最后复制链接时,请复制链接全文,链接示例如下。

            alipays://platformapi/startapp?appId=2021************&page=pages%2Fcommon%2Findex%3FpageName%3Dproduct_detail%26itemId%3D1108701930374******%26env%3Dpre%26BusinessId%3DB-LM-LMALL2022********%26appId%3D1698****%26rootId%3D1461****%26channel%3Dcoupon

            说明

            商品详情页获取时,请勿使用邮费购活动配置页面生成的链接。活动中的商品详情页,建议不要随意更改展示内容。

      • 高级定制

        • 立即购买链接(可选):按需填写。

        • 商品详情图片:按需填写。

        • 商品详情文本介绍(可选):按需填写。

2、开通生活号+

  1. 开通生活号+

    商家如有生活号+运营或直播需求,需先开通生活号+。如何开通支付宝生活号+请参考支付宝生活号+入驻指引

  2. 开通生活号+后,商家需完成账号认证,请参考支付宝「生活号+」账号类目认证指引

    获取生活号+更多相关内容请参考支付宝生活号+功能地图

组件验收

商家需要按引导完成一笔订单的下单至确认收货全流程以完成组件验收。

说明

组件验收更多内容,请参考支付宝官方文档

1、更新开发工具与小程序版本

说明

在验收前,应完成小程序与支付宝开发者工具、基础包等更新。

  1. 更新支付宝开发者工具(IDE)版本

    应支付宝要求,支持交易组件需将支付宝开发者工具版本升级至3.7.2及以上版本。打开支付宝开发者工具,查看当前版本。

    • Windows系统查看方法如下:左上角小程序开发者工具 > 关于

    • macOS查看方式如下:左上角小程序开发者工具 > 关于

      如版本低于支付宝要求的最低版本3.7.2,则需要更新,单击左上角小程序开发者工具 > 检查更新

      确认版本后,单击立即更新。更新完成后,重启开发者工具。

  2. 更新小程序包

    在验收前,商家需将小程序版本升级至2.5.2及以上

    1. 在生成小程序包前,需要手动保存导航配置。进入品牌商城运营控制台店铺>店铺装修>导航配置界面,单击右上角保存

    2. 多端>版本管理界面,单击image..png生成最新小程序包。生成结束后,下载小程序包到本地并完成解压。

  3. 更新支付宝基础库版本

    应支付宝要求,支持交易组件需将支付宝基础库版本升级至2.8.11及以上版本

    打开支付宝开发者工具,导入小程序包并等待编译完成,右下角基础库版本选择2.8.11或更高版本。选择完成后,IDE会重新编译小程序。

    image.png

  4. 上传小程序包

    编译完成后,单击右上角上传版本进行小程序包上传。完成上传后,进行小程序提审、上架等。

2、填写验收信息

小程序上架完成后,进行组件验收。使用待验收小程序支付宝账号登录支付宝开放平台,按要求输入验收信息。

说明

验收商品必须为已提报的商品。

  • 验收产品:选择交易组件

  • 验收场景:选择阿里云专用

  • 小程序appID:填写需要验收的小程序appID

  • 小程序版本:选择需要验收的小程序的版本

    说明

    在验收前,请商家将小程序版本先升级为V2.5.X及以上并选择最新版本作为验收版本。

  • 启动页:必填,需填写已提报的商品的支付宝详情组件商品详情页链接。

    例:小程序appID是2021123456123456,商品ID(品牌商城中的商品ID)是1108123456123456,则最终生成链接如下:

    alipays://platformapi/startapp?appId=2021123456123456&page=plugin-private%3A%2F%2F2021003177653028%2Fpages%2FgoodsDetail%2FgoodsDetail%3FoutItemId%3D1108123456123456

    说明

    加粗部分为小程序appID和商品ID,其余为固定内容。

3、执行验收

  1. 下单完成支付

    1. 单击页面更新验收码,使用支付宝APP扫描右侧二维码进入待验收小程序的商品详情页,单击继续验收

      image.png

    2. 单击立即购买,并完成支付。

      说明

      验收订单必须完成订单支付。

      image.png

  2. 完成发货

    商家前往千牛,为订单完成发货,请注意必须填写有效物流单号(商家可以使用7天内的物流单号作为测试物流单号)。

    说明

    因支付宝无法获取极兔物流的物流编码等信息,因此验收组件时,请勿使用极兔物流发货。交易组件下的正常订单(如618大促活动的订单),也建议不使用极兔物流发货。

  3. 完成确认收货

    千牛发货后,即可在支付宝小程序中完成订单确认收货,完成订单全流程。

    说明

    待揽收状态的订单也可以确认收货。

    image.png

  4. 完成验收

    1. 单击image.png,唤起验收窗口。image.png

    2. 单击验收完成,查看结果后单击确认image.png

    验收项目均显示通过,代表验收成功。

    image.png

红海组件典型应用场景:支付宝直播(可选)

1、直播开播设置

支付宝直播开播设置请参考支付宝直播白皮书

  1. 绑定主播

    1. 支付宝商家平台运营中心>生活号+>直播LIVE>我的主播界面,单击添加主播,填写主播支付宝账号主播真实姓名后单击下一步

    2. 确认信息界面单击确定并发送,确定邀请该主播绑定,需要主播在支付宝APP中确认。

      根据规定主播需进行实名认证,主播支付宝扫码进入程序完成认证。

      image.png

  2. 管理直播商品池

    说明

    请勿使用已参加品牌商城邮费购活动的商品作为直播售卖商品。如使用邮费购活动商品,消费者下单后(下单页)将报错商家活动信息匹配错误。商家可以先结束邮费购活动,再将该商品上架直播间活动。

    运营中心>生活号+>直播LIVE>货品中心界面单击添加商品,选择小程序,勾线对应小程序已完成提报的商品,单击确认将商品添加进商品池。

  3. 创建直播计划

    1. 运营中心>生活号+>直播LIVE>直播计划界面单击创建直播

    2. 设置直播计划信息后单击创建预告,完成直播计划创建。

2.直播专享价配置

商家可以为直播间配置专享价促进下单转化,配置流程请参考直播专享价操作说明

直播间下单无法匹配支付宝商家券、小程序平台券等,且可能与支付券形成互斥导致消费者无法享受优惠,建议商家直接采用专享价作为直播间限时优惠价格。

说明
  • 直播预告或直播中均可配置专享价,建议在直播开始前提前配置专享价。

  • 直播间专享价建议不高于其他优惠形式后的售价,以免引起支付宝侧客诉。

  1. 直播计划界面单击右侧直播详情

  2. 直播详情界面单击添加image.png

  3. 选择需要在直播间售卖的商品,单击确定上架image.png

  4. 直播详情界面单击新添加商品右侧活动管理,进入活动管理界面。

  5. 单击创建活动,为直播间创建专享活动。

  6. 设置活动信息,勾选确认无误后单击确定

    • 活动价:直播专享活动价

    • 活动总库存:活动中商品可售卖最大数量

      说明

      如商品配置并启用了专享价活动,专享价活动库存耗竭后,直播间内将无法下单购买,建议商家预估好库存。

    • 是否参与活动:如需在直播中启用该活动价,请打开开关

3.主播进入直播

  1. 以手机端为例,主播进入支付宝APP,搜索支付宝直播,进入支付宝直播-主播端界面。

    image.png

  2. 单击开始直播进入直播间。

4.直播间下单

消费者进入直播间后,可单击右下角小蓝车选购商品。如商品已配置直播专享价,则会显示优惠价格。

消费者单击去购买,进入商品详情页。

image.png

已配置直播专享价的商品,其商详页会显示直播专享。消费者单击立即购买,可进入下单页。

image..png

基于已配置直播专享价的商品的订单,小程序下单页会显示限时优惠。拉起支付收银台,也会显示直播专享优惠。image.png