跳转到内容

自定义商品卡片

商品卡片是主播推送商品时,观众端弹出的那张卡。「商品卡片设置」控制它的按钮文案、颜色,以及点下去之后发生什么。

在活动的编辑页停在「设置」标签,展开「商品卡片设置」。改完点右上角「保存」。

这部分管直播间里的卡片本身。

字段 说明
按钮文本 卡片上的行动按钮文案,默认 Shop Now
点击行为 「显示加购弹窗」或「跳转至商品页面」
字体颜色 按钮文字颜色
背景颜色 按钮背景色

颜色字段都是同一套控件:Light 和 Dark 两个预设二选一,右边的色轮可以自定义任意颜色。

「点击行为」选哪个,决定观众点了按钮之后去哪:

  • 显示加购弹窗 —— 点击 Shop Now 后弹出加购弹窗,观众不离开直播间就能下单。
  • 跳转至商品页面 —— 点击 Shop Now 跳转至商品详情页面。

「商品卡片设置」组,右侧预览里是观众看到的商品卡

截图为英文界面,中文界面布局一致。

只有「点击行为」选了「显示加购弹窗」,这一块才会出现。

弹窗上有「加购按钮」和「购买按钮」两个开关,各自独立配置:

字段 说明
按钮文本 加购按钮默认 Add to Cart,购买按钮默认 Buy Now
字体颜色 按钮文字颜色
背景颜色 按钮背景色
边框颜色 按钮描边颜色

颜色同样是 Light / Dark 预设加自定义取色。

关掉某个开关,它下面那组字段会一起收起来。

右侧预览切到加购弹窗,底部是加购和购买两个按钮