抖音开放平台Logo
开发者文档
“/”唤起搜索
控制台
  • 行业插件介绍
  • 申请行业插件
  • 使用行业插件
  • 电商插件
  • 跳转引导
  • 导购成交
  • 通用查询
  • 会员运营
  • 电商组件
  • sku-button
  • product-follow-button
  • shop-follow-card
  • member-button
  • coupon-card
  • 短剧插件
  • 生服插件
  • 基础库 3.43.0.0 开始支持本组件。
    开通会员按钮,用户点击该按钮会弹起会员半屏弹窗,点击“开通会员”进行入会操作。

    前置条件

    在使用电商插件中的组件和 API 前,需要对行业插件有一个基本了解,可以参考文档:行业插件介绍,然后按照以下步骤及顺序使用电商插件中的能力:
      1.参考 电商小程序接入指南 完成小程序及资质的准备;
      2.参考 申请行业插件 完成插件的申请,注意只有小程序拥有电商类目资质才可见申请入口;
      3.参考 使用行业插件 进行能力的调用;
    行业插件在抖音 App 版本 31.8.0 及以上,小程序基础库版本 3.4x.0.0 及以上时支持。
    在使用组件时需要在页面 index.json 文件中进行引入。
    { "usingComponents": { "plugin-member-button": "tt95aee3130ae1cbe911://member-button" } }
    Tip:使用该组件时需要用户身份信息,请确保在调用接口前,用户已经登录宿主 APP。

    属性说明

    Object 类型,属性如下:
    属性名
    类型
    默认值
    必填
    说明
    最低支持版本
    shop-id
    string
    --
    当前小程序绑定的抖音小店 id
    行业 SDK
    bind:success
    function
    --
    入会成功回调
    行业 SDK
    bind:cancel
    function
    --
    用户主动退出
    行业 SDK
    bind:error
    function
    --
    入会失败回调
    行业 SDK

    效果示例

    bind:success 说明

    弹起会员半屏弹窗后,用户点击“开通会员”,开通会员成功后触发。
    代码示例:
    // bind:success 代码示例 handleJoinMemberSuccess(event) { const { shopId } = event.detail; }

    bind:cancel 说明

    弹起会员半屏弹窗后,用户点击空白区域触发取消操作,取消时触发。
    代码示例 :
    // bind:cancel 代码示例 handleJoinMemberCancel(event) { const { shopId } = event.detail; }

    bind:error 说明

      当错误发生时触发。
      错误原因可能为参数校验不合法、业务错误等,具体错误内容见本文 错误码说明
    代码示例:
    // bind:error 代码示例 handleJoinMemberError(event) { const { errMsg ,errNo} = event.detail; }

    错误码说明

    errNo
    errMsg
    说明
    最低支持版本
    21501
    Network error
    网络错误,请检查网络状况
    行业 SDK
    13000
    系统错误
    服务内部错误,请稍后重试或是联系客服
    行业 SDK
    13001
    关注太快了,先休息一下吧~
    用户操作太频繁,请稍后再试
    行业 SDK
    21601
    抖音小店 id 不合法,仅支持 0-9 的字符
    行业 SDK
    21603
    当前抖音小店 id 不存在
    当前抖音小店 id 无法获取,请检查是否正确
    行业 SDK
    21605
    该店铺为非会员店铺
    当前抖音小店未开通会员体系,请到抖店开放平台配置会员体系
    行业 SDK
    21606
    该用户已经是该店铺会员
    用户已入会,重复入会提示
    行业 SDK
    21607
    抖音小店 id 与当前小程序无绑定关系
    抖音小店 id 与当前小程序未绑定,请检查当前小程序是否绑定抖音小店
    行业 SDK
    21608
    小程序未绑定对应应用
    当前小程序未在店铺后台授权,请到抖店开放平台进行授权
    行业 SDK

    代码示例

    <plugin-member-button shop-id="1111116433" bind:success="handleJoinMemberSuccess" bind:cancel="handleJoinMemberCancel" bind:error="handleJoinMemberError" />

    Bug & Tip

    Tip: 使用该接口时需要用户身份信息,请确保在调用接口前,用户已经登录宿主 APP。