跳到內容

自定義商品卡片

商品卡片是主播推送商品時,觀眾端彈出的那張卡。「商品卡片設定」控制它的按鈕文案、顏色,以及點下去之後發生什麼。

在活動的編輯頁停在「設定」標籤,展開「商品卡片設定」。改完點右上角「保存」。

這部分管直播間裡的卡片本身。

字段 說明
按鈕文本 卡片上的行動按鈕文案,默認 Shop Now
點擊行為 「顯示加購彈窗」或「跳轉至商品頁面」
字體顏色 按鈕文字顏色
背景顏色 按鈕背景色

顏色字段都是同一套控件:Light 和 Dark 兩個預設二選一,右邊的色輪可以自定義任意顏色。

「點擊行為」選哪個,決定觀眾點了按鈕之後去哪:

  • 顯示加購彈窗 —— 點擊 Shop Now 後彈出加購彈窗,觀眾不離開直播間就能下單。
  • 跳轉至商品頁面 —— 點擊 Shop Now 跳轉至商品詳情頁面。

「商品卡片設定」組,右側預覽裡是觀眾看到的商品卡

截圖為英文介面,繁體中文介面版面一致。

只有「點擊行為」選了「顯示加購彈窗」,這一塊才會出現。

彈窗上有「加購按鈕」和「購買按鈕」兩個開關,各自獨立配置:

字段 說明
按鈕文本 加購按鈕默認 Add to Cart,購買按鈕默認 Buy Now
字體顏色 按鈕文字顏色
背景顏色 按鈕背景色
邊框顏色 按鈕描邊顏色

顏色同樣是 Light / Dark 預設加自定義取色。

關掉某個開關,它下面那組字段會一起收起來。

右側預覽切到加購彈窗,底部是加購和購買兩個按鈕