作者：巨人电商

转化提升利器---无线详情页全景图制作教程

POST TIME:2020-10-24

商品全景图是什么？

■ 玩法：利用手机陀螺仪，转动手机即可进行商品 360°全方位展现，支持细节放大；

■ 位置： 7月底及以后的手淘客户端新版 9月底及以后的猫客客户端新版（网页及h5不支持）

■ 原理：将视频转成图片格式，单个全景图实际消耗流量200KB左右，与商品主图流量消耗相似

官方推荐淘宝、京东、拼多多TOP 10商家都在用的“排名无忧”电商流量服务平台，纯手工流量、多入口进店、直通车流量、店铺宝贝双收藏、直播打榜等独家核心功能，限时免费体验！点击网址：http://zhuce.pmwy.com/ 立即注册！

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111649910&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=sAsWHyAWQB7irQOExIMyv5p1FzU%3D" alt="63faab6d-7b3c-4722-a543-a2ddde807025.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 711px; background: transparent;" />

如何制作／发布商品全景图？

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111650095&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=rUFmN1XjlU4TZ6ISIGjPMKyFe7w%3D" alt="guimisns/7ef311c6-4f94-489c-a54e-f0d925a890f3.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />官方推荐淘宝、京东、拼多多TOP 10商家都在用的“排名无忧”电商流量服务平台，纯手工流量、多入口进店、直通车流量、店铺宝贝双收藏、直播打榜等独家核心功能，限时免费体验！点击网址：http://zhuce.pmwy.com/ 立即注册！

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111650122&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=%2Brv7S%2BX4AOrQIv97uwKUfRpsCQo%3D" alt="guimisns/e0638509-50e1-4321-859e-dd8fcb70c1ac.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

*神笔和全景图的关系？无直接联系

tips: 手机拍摄——无线端上传；

相机拍摄——（1：1视频PC上传，非1：1手机无线端上传）

1.千牛无线端操作

Step 1.登录千牛移动端——“神笔”插件进行全景图操作；点击“添加商品全景图”

此处可选择： 1）先拍摄／上传全景图后关联宝贝

2）先选择宝贝后上传全景图

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898141&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=gsrx4ZUIWBh/SISfdWse57vQ9LI%3D" alt="guimisns/717431ef-acbd-4887-8864-b9c01b0a8b17.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Step 2.拍摄/制作全景图点击拍摄/本地，进入视频列表页面，可直接调取本地视频（50M以内的才会在列表中显示），或直接调取摄像头拍摄；

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898186&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=VqmfEM

微信直播间开通，微信直播卖货运营，微信开直播卖货等领免费教程请联系微信：9066659

jSKrgOeDhy2UYcCIc%3D" alt="guimisns/b5b3f3eb-90a7-478f-b14f-3066719dc28f.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Step 3.拍摄/裁剪并上传视频拍摄：限时10秒，请注意取景范围及镜头平稳

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898227&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=LsTZOemxblOxGjHgQ3xoV2ErJ6Y%3D" alt="guimisns/35e7cbe1-0dda-4125-8f53-ce78879c46f3.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Step 4.上传全景图

预览、编辑视频名称并上传，可选择继续拍摄全景图，或直接前往关联全景图

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898271&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=Ie%2BIynUjhHjqlWial89IztUTrXk%3D" alt="guimisns/b6a05f12-8dfa-4ba3-95cb-b147b598da49.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

进入“商品管理”后，点击“添加全景图”或“替换”为宝贝添加全景图；此处可选择直接调取摄像头进行拍摄或调用在线全景图（重复上述拍摄步骤）

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898327&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=AitvYhixaA3zGm6URmCGsOp6g8E%3D" alt="guimisns/062f8572-6c52-4572-b0e9-2f0d167f3b90.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

2.神笔pc后台操作

Step 1.进入神笔后台（xiangqing.taobao.com），选择操作中心——动态头图管理

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898509&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=pT4IaN63t7MjATGUTKs33E9kjoY%3D" alt="guimisns/f241e720-a330-4469-88b4-fd6207232f57.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Tips

动态头图＝全景主图＋主图视频，单个商品只能二者选其一（此处只讲解全景主图的操作）

Step 2.根据商品状态/类目筛选需要操作的商品，点击“添加动态头图”或“替换”对商品进行头图的管理；

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898573&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=okJMg2oSDV5fLpqR2L7SHUmF4hU%3D" alt="guimisns/aeb66aca-77cc-4842-b782-edd7bb53755c.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Step 3.在浮层中选择“全景图管理中心”或这届千牛app扫码进行全景图添加；

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898609&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=k3g0SIaHkWWiIw/fhdBQ4HRTohI%3D" alt="guimisns/29ae7afe-ec14-4972-a422-8b2ea0621f34.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Step 4.进入全景图管理中心，可直接选择已上传的全景图进行关联；或直接上传本地视频（视频比例控制在1:1，大小控制在50M以内，mov/mp4格式可选）

视频最佳尺寸：640＊640

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898672&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=qD5YI3Fko1WG8twELuxnh4Wq4Cc%3D" alt="guimisns/c15fd5d1-76cd-4d4b-a66f-933a6d57614c.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Step 5.上传完成后等待转码及审核，审核通过后可扫码查看线上效果

（转码失败可自行取消转码，重新转换格式上传）

%26amp%3Btext%3D6KeE6Jyc%26amp%3Btype%3DZmFuZ3poZW5naGVpdGk%26amp%3Bsize%3D60%26amp%3Bcolor%3DI0ZGRkZGRg%26amp%3Bp%3D5%26amp%3Bt%3D35%26amp%3Bs%3

0?Expires=2111898730&OSSAccessKeyId=twjrtQ1f5qnFkzG5&Signature=vnLw7/RVjV8KNMec7SbmTamcQ4g%3D" alt="guimisns/e7006aeb-d724-4e0d-a42a-5047190b45b1.jpg" style="border: 0px; margin: 0px; padding: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; background: transparent;" />

Q：全景图宝贝关联后，消费者什么情况下可以浏览到？

A：当消费者使用wifi/4G网络访问手淘最新版本时，即可体验到全景图。手淘最新版本特指：手淘iPhone 5.10.2及以上版本、手淘Android 5.10.0和5.9.8 版本；（天猫客户端9月后版本支持）

Q：全景图发布后，在非商品详情页（如搜索、店铺，等）展现的图片为？

A：全景图发布后，仅在详情页透出。在其他页面（如主搜、店铺，等）仍展现当前的商品主图；

Q：全景图的展现，是否会消耗过多流量？

A：全景图实际为图片形式的展现，而非视频。因此单个全景图的流量消耗仅为200KB左右，与现有的商品主图相似，不会产生过多的流量消耗；

Q：为何拍摄后的全景图，预览时转动非常灵敏？

A：建议减少拍摄转动弧度、放缓转动速度和保持拍摄时长在5s以上；

Q：子账号是否可以进行全景图操作？

A：目前千牛移动端、神笔网页端均支持子账号操作；

Q：拍摄的全景图视频，是否有尺寸和比例的限制？

A：拍摄比例必须为1：1，尺寸建议640*640；如果拍摄出来的视频非1：1，不需要裁剪，请直接将视频传到手机端后保存本地，用手机千牛完成上传；