注意:以下文档只适用于TOP接口,请谨慎使用!

文档中心 > 全渠道

智慧门店门店试妆镜

更新时间:2017/08/18 访问次数:13131

背景

美妆商家的线下门店,一般会有商品柜台、试妆镜子、美妆师、试妆样品。

对于门店会有以下痛点:

1、以口红为例,一般最多试妆3个款式,更多的话会把皮肤擦破

2、美妆师资源紧张,无法同时服务多个用户

3、门店购物的用户是谁,品牌方一无所知

智慧门店试妆镜解决方案

提供智能硬件,将门店的试妆镜进行升级,镜子上能够让用户快速试妆看上妆效果,同时借助天猫庞大的商品交易数据,用户能够看到购买过单个商品的买家秀情况。

同时通过引导用户线上成交,让门店的消费者实现信息化,为门店精细化运营提供了基础。

效果预览

商家接入逻辑

  1. 联系天猫行业小二,确认意向。(当前还在内测中,暂不对外开放)
  2. 进入智慧门店后台,选择具体的软件服务商、硬件服务商,发起项目,同时生成硬件设备的linsence
  3. 进入商家试妆管理后台,设置试妆素材并关联店铺的商品https://mouton.admin.tmall.com/material/dresser/manage.htm
  4. 服务商完成项目,提供试妆镜,商家进行门店的设备装修
  5. 开启硬件设备,输入linsence进行设备初始化,完成初始化后打开试妆应用

服务商接入逻辑

  1. 联系智慧门店运营小二,确认意向。(当前还在内测中,暂不对外开放)
  2. 入驻开放平台,申请具体的API权限
  3. 技术对接,进行功能的开发
    1. 服务端获取卖家已经生成的试妆素材,拿到商品信息、素材模版信息
    2. 客户端页面呼起试妆功能
    3. 用户查看具体商品的时候,给出商品的线上购买二维码
  4. 上线入驻服务市场

服务商技术对接

  • Server API

tmall.smartstore.makeup.material.get (智慧门店商家设置的试妆素材信息查询)

taobao.items.onsale.get (获取当前会话用户出售中的商品列表)

taobao.buyshow.show.getbyitem (根据商品来获取买家秀)

tmall.traderate.itemtags.get (通过商品ID获取标签列表)

  • JavaScript API

<script type="text/javascript" src="https://g.alicdn.com/mtb/weex-vue-h5-render/0.2.2/index.js"></script>

<script type="text/javascript" src="https://g.alicdn.com/mtb/mapp-lib/0.2.0/app.web.js"></script>

 

MAPP.business.magicMirrorOpen(function(success) {}, function(failure) {});(打开试妆窗口)

MAPP.business.magicMirrorClose(function(success) {}, function(failure) {});(关闭试妆窗口)

MAPP.business.magicMirrorMakeUp({makeUpList: [{cspuid: 1,weight: 0.5,attrs:{color: ‘#000000’}},{cspuid: 14,weight: 0.5}]}, function(success) {}, function(failure) {});(开始试妆)

MAPP.business.magicMirrorTakePhoto(function(success) {//success.src}, function(failure) {});(试妆截图拍照)

 

  • Demo

APK下载:http://yunpan.taobao.com/s/2g4ctdDeye5 (提取码:3WyIoF)

Demo页面:https://h5.m.taobao.com/src/smartstore/magicmirror.html

接入说明

场景描述 操作参考说明
商品导购场景
(一切会展示天猫商品的相关场景)
商家端操作
门店创建 http://oto.taobao.com/index.htm#/iframe/myAddStoreList?_k=mcnwju
门店导购员创建 http://oto.taobao.com/index.htm#/iframe/accountList?_k=7ov4ip
ISV端操作
入驻流程 http://my.open.taobao.com/common/applyIsv.htm?appTag=128&accessCode=13A7600CC940ED805C80E7E40DB08337
开发部署 //open.taobao.com/docs/doc.htm?treeId=413&articleId=104505&docType=1
商家授权说明 //open.taobao.com/docs/doc.htm?docType=1&articleId=102635&treeId=1
API调用说明 //open.taobao.com/docs/doc.htm? &treeId=1&articleId=112&docType=1 关键入参 需要拿到的核心出参
接口列表 taobao.place.private.poi.list 读取全渠道门店列表 "page_size": 20,
"biz_type": 300,
"user_id": 2649119619,
"page_no": 1
"name": "19",
"store_id": 166715022,
taobao.place.account.query 读取全渠道门店导购员列表 "account": "阿里掌柜测试帐号:zuoan",
"account_id": 3383218953,
"store_id": 168851286,
"store_name": "xx摄影工作室(余杭分店)"
taobao.smartstore.device.add 添加新增硬件设备与商家门店的绑定 "page_size": 20,
"biz_type": 300,
"user_id": 2649119619,
"page_no": 1
"device_code":"3D897D703A"
taobao.smartstore.device.update 修改更新硬件设备与商家门店的绑定
taobao.smartstore.device.delete 删除硬件设备与商家门店的绑定
taobao.smartstore.device.get 单个硬件设备与商家门店的绑定查看
taobao.smartstore.device.query 批量硬件设备与商家门店的绑定查看
taobao.items.onsale.get 读取天猫店铺在售商品列表 "num_iid":"51123453232"
taobao.item.seller.get 查询单个天猫商品的详细数据 "num_iid":"51123453232" "detail_url":"https://detail.tmall.com/item.htm?id=51123453232",
"num_iid":"51123453232",
"price":"150.00"
taobao.wireless.xcode.create 生成二维码
taobao.smartstore.trade.url.get 生成随身购物袋商品购买URL "o2o_guide_id":"3383218953",
"shop_id":"168851286",
"device_code":"3D897D703A",
"link_type":"item",
"item_id":"51123453232",
"target_url":"https://detail.tmall.com/item.htm?id=51123453232"
"url":"https://h5.m.taobao.com/alizhanggui/buyer-goto.html?linkType=xxx&storeId=xxx"

FAQ

关于此文档暂时还没有FAQ
返回
顶部