商品卡片

您可以通过商品卡片菜单，展示商品信息、人物图片或公司 Logo 等，引导观众点击进入商品购买页、个人介绍页或公司网站，从而提高直播营销能力、促进人物或公司品牌的推广。

效果演示

应用场景

商品卡片菜单主要适用于以下场景：

• 直播带货：通过展示商品信息，引导观众点击进入商品购买页，实现边看边买，有助于提高商品的成交率。
• 人物介绍：通过展示人物图片，引导观众点击进入个人介绍页，有助于加深观众对人物背景、专业领域等各方面的了解。
• 网站介绍：通过展示公司 Logo，引导观众点击进入公司网站，有助于提升公司品牌认知度。

前提条件

• 您已开通旗舰版或定制版套餐。详见计费说明。
• 确保您拥有火山引擎主账号或具备以下权限的子账号。有关如何添加子账号，详见子账号管理。
  • 菜单管理 > 可编辑权限：用于配置商品卡片菜单。
  • 直播控制 > 可编辑权限：用于对商品卡片标记商品讲解。

操作步骤

步骤一：配置商品卡片菜单

1. 登录企业直播控制台。

2. 在直播列表中，单击进入直播间。

3. 在左侧导航栏，选择菜单管理 > 商品卡片。

4. 按需完成以下配置。
   

   • 设置菜单在竖屏直播间的图标。

     说明

     推荐使用尺寸比例为 1:1 的图片，以免图片拉伸变形。

   • 设置菜单在直播控制页面和观看页显示的名称。

   • 打开启用开关，在直播控制页面和观看页展示商品卡片菜单。开关默认关闭。

     说明

     直播间内最多可以启用 5 个菜单。

   • 单击全局配置，在弹出的全局配置页面中按需完成以下配置并单击确定：
     

     • 开启直达链接功能。在不同平台点击商品卡片的观众，可以跳转至不同链接。

       1. 打开直达链接开关。
       2. 单击添加环境并输入环境名称和对应的环境 UA（User Agent）。例如环境为微信，对应环境 UA 为 MicroMessenger。

          说明

          只要平台的环境 UA 包含了配置的 UA 地址，即可成功匹配。例如输入 Mozilla 作为环境UA 字段的值，只要观众在环境 UA 包含 Mozilla 字段的平台点击商品卡片，即可在该平台内实现直达链接的跳转。

       3. 在配置商品卡片信息时填写指定的直达链接。

       观众在环境 UA 匹配成功的平台点击商品卡片时，即可跳转至该商品卡片的直达链接。如果观众在其他平台点击商品卡片，则会跳转至该商品卡片的跳转链接。

     • 开启小程序跳转功能。点击商品卡片的观众，可以直接跳转到微信小程序。

       1. 打开微信小程序跳转开关。
       2. 输入指定微信小程序的原始 ID。有关如何获取微信小程序的原始 ID，详见商品卡片常见问题。
       3. 在配置商品卡片信息时填写指定的微信小程序链接。有关如何获取微信小程序链接，详见商品卡片常见问题。

       观众在微信环境点击商品卡片时，即可跳转至指定的微信小程序。如果观众在其他平台点击商品卡片，则会跳转至该商品卡片的跳转链接。

     • 选择是否在观看页展示商品卡片菜单。显示菜单栏开关默认打开。

       • 打开开关：观看页既展示商品卡片菜单，又展示浮窗形式的商品卡片。
       • 关闭开关：观看页仅展示浮窗形式的商品卡片。

       说明

       • 如果您集成了 Web 观播 SDK，则仅 1.3.0 及以上版本支持读取该配置。有关如何集成 SDK，详见集成 Web 观播 SDK。
       • 集成了 Android/iOS 观播 SDK 的 App 端不支持读取该配置。

     • 选择浮窗形式的商品卡片在观看页的展示位置。默认展示在播放器的右上角。

       说明

       该配置仅对 PC 端（包括集成了 Web 观播 SDK 1.2.9 及以上版本的 PC 端）观看页生效。有关如何集成 SDK，详见集成 Web 观播 SDK。

     • 选择商品卡片详情的展示方式。

       • 新页面展示内容：观众点击商品卡片后，页面自动跳转至新的浏览器标签页展示商品卡片详情。观众无法同时观看直播与卡片详情。
       • 直播页浮层展示内容：观众在移动端点击商品卡片后，在当前观看页以浮层形式展示商品卡片详情。观众可以在看直播的同时查看卡片详情。

   • 配置商品卡片信息。
     

     您可以一次配置一个或多个商品卡片的信息。

     • 单击添加商品，添加一个商品卡片。单击商品卡片右侧的编辑更多，在编辑卡片页面配置商品卡片信息。
       

       说明

       支持通过单击上一个卡片、下一个卡片或使用键盘上的左右方向键切换商品卡片。

     • 单击模板下载并根据提示编辑模板内容。单击批量上传上传已编辑的模板。

       说明

       • 确保您使用的是最新的模板商品卡片模板.xlsx，以免上传数据错乱。
       • 批量上传卡片信息方式仅支持导入文本信息，图片信息请通过控制台上传。

   • 替换商品卡片的跳转图。
     

     • 单击上传默认跳转图，上传商品卡片的默认跳转图。上传的跳转图作用于当前商品卡片菜单中所有已添加和待添加的商品卡片。
     • 单击某张跳转图上的替换，替换指定商品卡片的跳转图。
     • 单击商品卡片右侧的编辑更多，在编辑卡片页面，替换该商品卡片的跳转图。

5. 单击保存。在弹出的编辑菜单对话框中，对已启用的菜单进行以下操作：
   

   • 调整菜单在直播控制页面和观看页的展示顺序。
   • 修改菜单在直播控制页面和观看页显示的名称。
   • 删除指定菜单，即将菜单从启用状态变为非启用状态，但不会删除菜单的配置。

   如果您未改变菜单的启用状态，也可以在单击保存后，单击页面右上方的菜单排序，在弹出的编辑菜单对话框中对已启用的菜单进行以上操作。

6. （可选）您可以对已添加的商品卡片进行以下操作：

   • 根据标题搜索商品卡片。支持模糊搜索且英文字母不区分大小写。
   • 拖拽调整商品卡片的展示顺序，或者在商品卡片左侧配置指定序号，将该商品卡片和指定序号的商品卡片互换顺序。
   • 打开或关闭上架开关，将指定商品卡片展示在观看页或进行隐藏。
   • 单击上架右侧的筛选图标，根据商品卡片的上架或未上架状态，筛选商品卡片。
   • 单击下载卡片内容，将当前已保存的商品卡片信息下载至本地。
   • 单击置顶，将指定商品卡片置顶显示。
   • 单击删除，删除指定商品卡片。

7. （可选）单击添加，添加多个商品卡片菜单。
   当商品卡片菜单数量大于 1 时，您可以单击删除，删除指定商品卡片菜单，但至少需要保留 1 个商品卡片菜单。
   

（可选）步骤二：标记商品讲解

主持人在讲解某件商品时，可以对该商品卡片标记商品讲解。

1. 登录企业直播控制台。
2. 在直播列表中，单击进入直播间。
3. 在直播控制页面右侧的商品卡片菜单下，单击商品卡片右侧的商品讲解。
   
   • 如果您开启了直播时移功能，该商品卡片在控制台和观看页的商品卡片菜单中高优展示并以浮窗形式展示在观看页，同时在您讲解其他商品时，观众可点击看讲解跳转回之前讲解商品的时间点，观看商品对应的直播画面。方便观众快速获取商品的讲解内容，从而吸引观众浏览、购买商品。有关如何开启直播时移功能，详见直播时移。

     说明

     注意：请在直播开始前开启直播时移功能。

   • 如果您未开启直播时移功能，该商品卡片在控制台和观看页的商品卡片菜单中高优展示并以浮窗形式展示在观看页。
4. （可选）在商品卡片菜单下，您还可以：
   
   • 根据商品标题或序号搜索商品卡片。商品标题支持模糊搜索。
   • 单击下架或上架，实时上下架商品卡片。
   • 单击置于顶层图标将指定商品卡片置顶显示。
   • 拖拽调整商品卡片在控制台和观看页的显示顺序。
   • 单击取消讲解，取消指定商品卡片的高优展示和浮窗展示。如开启直播时移功能，则观众在直播过程中无法回看已讲解的商品。