会员元件|Shopper App

EC+SC.png

品牌會員購物 App.png

会员元件展示会员目前享有的会员点数、购物金、优惠券,以及各项会员权益内容。目前支持删除或隐藏元件,支持调整展示位置、更换会员各等级卡片颜色及会员权益的增加删减。

⚠️ 开始前请注意:此功能在香港地区仅支持 Shopper App Pro 版本。

 

本文将聚焦以下:

 

一、设置会员等级卡片内容

步骤一

前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 首页设计 > Simple 版型」,点选「设定」。

截圖 2026-01-28 上午10.34.58.png

 

或前往「Shopper App 管理 > App 设计 > 会员中心」,点选「设定」进入会员中心页面编辑器。

截圖 2026-01-28 上午10.39.00.png

 

步骤二

点选左侧「会员元件」进行编辑,如会员元件被删除,点击「添加元件」进行新增。在卡片编辑过程中,可随时在中间预览区查看展示效果。

*注意:

  • 如后台已启用商店购物金总开关,该区域将展示「我的购物金」图示,停用则不展示。您可以前往「顾客管理 > 商店购物金」进行设置。
  • 如后台已启用会员点数总开关,该区域将展示「我的点数」图示,停用则不展示。您可以前往「顾客管理 > 会员点数」进行设置。
  • 系统固定展示「优惠券」图示,展示数量为会员帐户里可用的优惠券张数。
  • 如后台已启用「网店显示 会员中心的优惠券页签 和 领券中心」开关,该区域将展示「优惠券」图示,停用则不展示;您可以前往「促销及分润 > 优惠相关设定」进行设置。
截圖 2026-01-28 上午10.55.10.png

 

步骤三

系统默认展示「会员」等级卡片,会员等级取自「顾客管理 > 会员分级」的设置;若您不想在 App 端展示特定会员等级,可以点击 Screen_Shot_2022-10-26_at_11.20.21_AM.png 隐藏卡片,隐藏后将不会展示该会员等级权益的介绍。

*注意:

  • 若您未设置任何的会员级别,只会展示「会员」等级的卡片。

  • 不能隐藏「会员」等级卡片,如不想展示任何会员内容,可以点击Screenshot 2025-03-04 at 12.39.51 PM.png删除元件。

截圖 2026-01-28 上午10.56.28.png

 

步骤四

点击会员等级旁边的arrow_down.png设置卡片,可进行以下设置。

1. 背景颜色

可透过色板选择背景颜色,或直接输入色号。

截圖 2026-01-28 上午11.27.53.png

 

2. 显示升级与续会条件

默认为展示状态,顾客可查看目前升级与续会的达成进度。点选关闭时,会出现确认弹窗,点击「确认」按钮即可隐藏此项。

截圖 2026-01-28 上午11.29.44.png

 

3. 会员等级图片

展示于会员卡片右上角。点击「添加图片」上传图片,尺寸建议为 300*180,支持 PNG/JPG/JPEG/GIF 格式,且档案大小不超过 2MB。

截圖 2026-01-28 上午11.31.57.png

 

 

二、 设置会员权益内容

 1. 自订会员权益

您可自行建立会员权益页面,并贴上该页面的链接。顾客点选「查看更多」后,将导向您所设置的页面。

截圖 2026-01-28 上午11.47.23.png

 

2. 预设会员权益

系统默认 5 种会员权益都是已新增的状态。

截圖 2026-01-28 上午11.48.45.png

 

您可以拖曳左侧 Screen_Shot_2022-10-26_at_2.03.57_PM.png 调整权益排序,或点选右侧  bin.png 删除该权益。

截圖 2026-01-28 上午11.51.09.png

 

若元件已设置权益,但 App 介面未展示,代表该项权益功能未开启;如需开启,请前往后台进行设置,设置完成后,App 端会员元件将立即生效。

  • 首下载礼:前往「Shopper App 管理 > App 下载礼」,设置下载礼活动。
  • 生日购物金:前往「顾客管理 > 商店购物金」,点按「生日购物金」的开关按钮开启功能;或是在「顾客管理 > 会员分级」开启生日购物金。
  • 会员优惠:前往「顾客管理 > 会员分级」,新增会员分级时,在基本设定里设置会员优惠。
  • 消费集点:前往「顾客管理 > 会员点数」,点选「消费集点」的开关按钮开启功能。
  • 点数兑换:前往「促销及分润 > 点数兑换活动」,新增点数兑换活动。

 

确认完成设置后,点击右上角「储存」储存元件变更;若已经完成 App 首页的所有编辑,点击「更新并使用」发布到 App 更新。

 

 

 

 

 

 

 

 

 

还有其它问题?提交请求

评论