商品卡片（旧版）

您可以通过商品卡片展示待售商品，提高直播营销能力。

效果演示

前提条件

• 您已开通旗舰版或定制版套餐。具体操作，详见服务购买。
• 如需添加商品卡片，确保拥有火山引擎主账号或具备观看页管理 > 可编辑权限的子账号。有关如何添加子账号，详见子账号管理。
• 如需对商品卡片标记商品讲解，确保拥有火山引擎主账号或具备直播控制 > 可编辑权限的子账号。有关如何添加子账号，详见子账号管理。

操作步骤

步骤一：添加商品卡片

1. 登录企业直播控制台。
2. 在直播列表中，单击进入直播间。
3. 在左侧导航栏，选择观看页管理 > 菜单栏。单击编辑菜单。
   
4. 在弹出的编辑菜单对话框中，添加一个或多个商品卡片菜单并单击确定。
   您还可以拖拽调整商品卡片菜单在控制台和观看页的显示位置。
   
5. 完成以下步骤添加一个或多个商品卡片。
   
   1. (可选）如果您需要观众在多个平台观看直播且在某平台观看直播时，点击商品卡片可以在平台内实现链接的跳转，可以开启直达链接功能。
      1. 打开直达链接开关。
      2. 输入指定平台的环境 UA（User Agent）。例如微信的环境 UA 为 MicroMessenger。

         说明

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

      3. 在配置商品卡片信息时填写指定的直达链接。
         观众在指定平台点击商品卡片时，即可跳转至该商品卡片的直达链接。如果观众在其他平台点击商品卡片，则会跳转至该商品卡片的跳转链接。
   2. (可选）如果您需要观众在观看直播时，点击商品卡片可以直接跳转到微信小程序，可以开启小程序跳转功能。
      1. 打开微信小程序跳转开关。
      2. 输入指定微信小程序的原始 ID。有关如何获取微信小程序的原始 ID，详见商品卡片常见问题。
      3. 在配置商品卡片信息时填写指定的微信小程序链接。有关如何获取微信小程序链接，详见商品卡片常见问题。
         观众在微信环境点击商品卡片时，即可跳转至指定的微信小程序。如果观众在其他平台点击商品卡片，则会跳转至该商品卡片的跳转链接。
   3. (可选）选择是否在观看页展示商品卡片菜单。显示菜单栏开关默认打开。
      • 打开显示菜单栏开关：观看页既展示商品卡片菜单，又展示浮窗形式的商品卡片。
      • 关闭显示菜单栏开关：观看页仅展示浮窗形式的商品卡片。

      说明

      • 如果您集成了 Web 观播 SDK，则仅 1.3.0 及以上版本支持该功能。有关如何集成 SDK，详见集成 Web 观播 SDK。
      • 集成了 Android/iOS 观播 SDK 的 App 端暂不支持该配置。
   4. (可选）选择浮窗形式的商品卡片在观看页的展示位置。默认展示在播放器的右上角。

      说明

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

   5. 选择商品卡片详情的展示方式。
      • 新页面展示内容：观众点击商品卡片后，页面自动跳转至新的浏览器标签页展示商品卡片详情。观众无法同时观看直播与卡片详情。
      • 直播页浮层展示内容：观众在移动端点击商品卡片后，在当前观看页以浮层形式展示商品卡片详情。观众可以在看直播的同时查看卡片详情。
   6. 配置商品卡片信息。您可以一次新增一条或多条商品卡片信息。
      • 单击添加新增一条商品卡片信息。
      • 单击模板下载并根据提示编辑模板内容。单击批量上传上传已编辑的模板。

      注意

      批量上传商品卡片信息方式仅支持导入文本信息，图片信息请通过控制台上传。

   7. （可选）如需替换商品卡片的跳转图，您可以：
      • 单击跳转图右侧的上传默认图图标，上传商品卡片的默认跳转图。上传的跳转图作用于当前直播间中所有已添加和待添加的商品卡片。
      • 单击某张跳转图上的替换，替换指定商品卡片的跳转图。
        
6. （可选）您可以单击操作列的置于顶层，将指定商品卡片置顶显示。
7. （可选）您可以拖拽调整商品卡片的显示顺序。
8. （可选）如果暂时不想让观众看到某个商品卡片，可以关闭该商品卡片的上架开关。

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

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

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

     注意

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

   • 如果您未开启直播时移功能，该商品卡片在控制台和观看页的商品卡片菜单中高优展示并以浮窗形式展示在观看页。
4. 在页面右侧的商品卡片菜单下，单击商品卡片右侧的商品讲解。观看页在此时生成商品讲解打点标记，并以浮窗形式展示讲解中的商品卡片，有助于观众快速定位商品。
5. （可选）在商品卡片菜单下，您还可以：
   • 单击下架或上架，实时上下架商品卡片。
   • 单击置于顶层图标，将指定商品卡片置顶显示。
   • 拖拽调整商品卡片在控制台和观看页的显示顺序。
   • 单击取消讲解，取消指定商品卡片的高优展示和浮窗展示。如开启直播时移功能，则同步删除商品卡片的商品讲解打点标记。

相关文档

商品卡片常见问题