會員元件|Shopper App

4. EC + SC.png

12. 品牌會員購物 App (1).png

會員元件顯示會員目前享有的會員點數、購物金、優惠券,以及各項會員權益內容。目前支援刪除或隱藏元件,支援調整展示位置、更換會員各等級卡片顏色及會員權益的增加刪減。

 

本文將聚焦以下:

 

一、設定會員等級卡片內容

步驟一

前往「商店後台 > App 管理 > App 設計 > 目前版型 > Simple 版型」,點按「設定」。

Screenshot 2024-03-07 at 10.37.52.png

 

步驟二

點選左側「會員元件」進行編輯,如會員元件被刪除,點擊「新增元件」進行新增。在卡片編輯過程中,可隨時在中間預覽區查看顯示效果。

*注意:

  • 如後台已啟用商店購物金總開關,該區域將顯示「我的購物金」圖示,停用則不顯示;前往「商店後台 > 顧客管理 > 商店購物金」,點按「商店購物金總開關」按鈕進行設定。
  • 如後台已啟用會員點數總開關,該區域將顯示「我的點數」圖示,停用則不顯示;前往「商店後台 > 顧客管理 > 會員點數」,點按「會員點數總開關」按鈕進行設定。
  • 固定顯示「優惠券」圖示,優惠券顯示數量為會員帳戶裡可用的優惠券張數。
  • [即將推出] 如後台已啟用「網店顯示 會員中心的優惠券頁籤 和 領券中心」開關,該區域將顯示「優惠券」圖示,停用則不顯示;前往「商店後台 > 促銷及分潤 > 優惠相關設定」進行設定。

ZH2.png

[即將推出]
Screenshot 2025-03-04 at 12.31.35 PM.png

 

步驟三

所有店家都會預設展示會員等級卡片裡的「會員」項,會員等級將取自「商店後台 > 顧客管理 > 會員分級」設定的級別,若您不想在 App 端顯示特定會員等級,可以點擊 Screen_Shot_2022-10-26_at_11.20.21_AM.png 隱藏卡片,隱藏後將不會顯示該會員等級權益的介紹。

*注意:

  • 若您未設定任何的會員級別,只會顯示「會員」等級的卡片。
  • 不能隱藏「會員」等級卡,如不想顯示任何會員內容,可以點擊Screenshot 2025-03-04 at 12.39.51 PM.png刪除元件。

Screenshot 2025-03-04 at 12.34.57 PM.png

 

步驟四

點擊「會員條碼」旁的開關,可選擇顯示或隱藏條碼(Barcode)。

Screenshot 2024-03-07 at 11.19.16.png

[即將推出]
Screenshot 2025-03-04 at 12.40.57 PM.png

 

若將開關關閉,則不顯示條碼。

Screenshot 2024-03-07 at 11.19.16.png

[即將推出]
Screenshot 2025-03-04 at 1.55.13 PM.png

 

步驟五

點擊會員等級旁邊的arrow_down.png設定卡片,可以選擇「自訂顏色」或「自訂背景圖」。

  • 選擇自訂顏色:點擊背景顏色或字體顏色的顏色框,選擇需要的顏色或輸入色號,設定顏色後點擊顏色框外的其他任意區域完成設定。
    ZH5.png

  • 選擇自訂背景圖:點擊「新增圖片」上傳圖片,圖片尺寸建議為 351*176,圖片上傳完成後,再根據需求修改卡片上的字體顏色及升等文案。

    ZH6.png

注意:如不設定卡片顏色,系統會顯示預設顏色。

 

步驟六

升等條件預設展示狀態,點按按鈕關閉時,會出現確認彈窗,點擊「確認」按鈕即可隱藏升等條件。

ZH5.png

[即將推出]
Screenshot 2025-03-04 at 2.08.25 PM.png

 

 

二、 設定會員權益內容

步驟一

系統預設 8 種會員權益都是已新增的狀態。

*注意:會員權益顯示 4 個圖標,依據後台設定顯示前 3 個圖標,第 4 個固定為更多權益入口;當顯示只有 1 個會員權益或無任何會員權益時,則不展示「更多權益」入口。

ZH7.png

[即將推出]
Screenshot 2025-03-04 at 3.20.27 PM.png

 

若權益名稱顯示「(未設定)」,代表該功能未開啟,實際上不會顯示到 App 介面(App 介面實際顯示效果與預覽區一致),若需開啟,請前往後台相應的功能處,開啟後會員元件裡會立即生效。

  • 首下載禮:前往「商店後台 > App 管理 > App 下載禮」,設定下載禮活動。
  • 生日購物金:前往「商店後台 > 顧客管理 > 商店購物金」,點按「生日購物金」的開關按鈕開啟功能;或是在「商店後台 > 顧客管理 > 會員分級」裡打開生日購物金。
  • 會員優惠:前往「商店後台 > 顧客管理 > 會員分級」,增加會員分級時,在基本設定裡設定會員優惠。
  • 消費集點:前往「商店後台 > 顧客管理 > 會員點數」,點按「消費集點」的開關按鈕開啟功能。
  • 推薦有禮:前往「商店後台 > App 管理 > App 會員推薦獎賞」,設定下載禮活動。
  • 填寫邀請碼:前往「商店後台 > App 管理 > App 會員推薦獎賞」,設定下載禮活動,且推薦活動類型須為推薦新會員註冊
  • 點數兌換:前往「商店後台 > 促銷及分潤 > 點數兌換活動」,增加點數兌換活動。
  • 滿額贈:如您已開啟 「feature_key=credit_campaign」,將不會展示滿額贈權益。

 

步驟二

若需刪除權益或調整權益順序,點按權益名字左側的Screen_Shot_2022-10-26_at_2.03.57_PM.png拖曳調整排序;點擊右方的bin.png圖示刪除該權益。

Screenshot_2023-05-23_at_6.12.34_PM.png

 

步驟三

點擊「新增權益」後,會彈出所有權益列表,點按生效的權益增加到 App。如權益顯示未設定或已新增,則不能再設定。

ZH12.png

 

步驟四

確認完成設定後,點擊右上角「儲存」儲存元件變更;若已經完成 App 首頁的所有編輯,點擊「更新並使用」發佈到 App 更新

 

 

 

 

 

 

還有其他問題?提交請求

評論