最後更新時間： 2025-12-10
預計操作時間： 10 分鐘

在開始之前

✅ 此功能適用於 Ako Marketing 所有方案。
✅ 若尚未安裝 Ako Marketing，請點此安裝並開始 14 天免費試用。

會員中心版本說明

Ako Marketing 提供兩種會員中心介面，供顧客查看會員權益與兌換獎勵：

1. Loyalty Widget（外掛式會員中心）
適用於所有商店，會在網站前台安裝一個懸浮按鈕，點擊後展開介面。訪客初次到訪時，可以先透過此介面初步了解您的會員制度，正式註冊並登入後，此介面會向會員展示他們的個人權益與升級進度。

2. Loyalty Page（網頁式會員中心）
此介面僅適用 Shopify「新版顧客帳號」的商店，會員登入後，可以統一在會員中心查看個人點數/抵用金餘額、升級進度、可兌換獎勵與訂單紀錄，體驗更整合。

→如果是第一次聽到「新版顧客帳號」，或者不確定該使用「新版」或「舊版」顧客帳號，請先參考這篇文章：Shopify 新版顧客帳號完整解析

一、外掛式會員中心(Loyalty widget)安裝說明

步驟 1：進入設定頁面

  1. 從 Ako Marketing 後台，前往 Settings > Accounts & Widgets 
  2. 在 Loyalty Widget 區塊點下 Set up
  3. 在 Widget display 將「Show widget」切換為開啟狀態
  4. 請參考下圖評估是否要設定成自動展開 Loyalty Widget

步驟 2：開始安裝及調整外觀

接著按下「Install」按鈕，系統會跳轉至佈景主題後台，請在此打開 Ako Loyalty Widget 的開關並儲存。

Ako Loyalty Widget 下方會顯示一系列可客製化的樣式欄位（下圖僅擷取部分欄位），您可以在此調整 Loyalty Widget 的圖示、顯示位置、各區塊/文字顏色、邊框圓角等。
🔔佈景主題後台會顯示即時預覽畫面，您可以一邊調整、一邊確認效果。

步驟 3：檢查是否安裝成功

前往您的商店前台，打開 Loyalty Widget 確認是否有出現以下頁面：

  1. 賺點任務 / 會員等級：包含會員等級(需搭配指定方案)、獎勵方式與推薦碼區塊
  2. 會員帳戶：包含回饋異動紀錄、社群綁定欄位
  3. 帳戶摘要：包含點數/抵用金餘額與折價券

二、網頁式會員中心(Loyalty page)安裝說明

步驟 1：檢查 Shopify 設定

前往 Shopify 後台左下角的 設定 > 顧客帳號 > 確認您目前使用的版本是「顧客帳號(建議使用)」

步驟 2：進入設定頁面

  1. 前往 Ako Marketing > Settings > Accounts & widgets
  2. 總共有三個會員區塊：Personal details、Loyalty program status 和 Loyalty program page
  3. 請任意選一個區塊按下「Set up」>「Install」


步驟 3：啟用會員區塊

按下 Install 之後，系統會跳轉至設定區，請在左側工具列的 Ako Marketing 底下，依序按下➕號，並將會員區塊新增至以下指定位置：

  • Loyalty program status：新增至「個人資料」與「訂單」
  • Personal details：新增至「個人資料」
  • Loyalty program page：新增頁面至「帳號」

步驟 4：設定會員中心導覽列

  1. 返回 Shopify 商店後台，在左側工具列選「內容 > 選單 > 顧客帳號主選單」
  2. 按「新增選單項目」，在「名稱」欄位輸入會員中心在導覽列要顯示的名字
  3. 接著在「連結」欄位選「應用程式」> 選擇「Loyalty program page」並儲存

步驟 5：檢查是否安裝成功

從官網前台按下登入圖示，確認是否能看到稍早設定的會員中心導覽列以及網頁版會員區塊


常見問題

Q：其他 App 的 Widget 和 Ako Loyalty Widget 重疊在一起顯示了，怎麼調整？

進入佈景主題編輯區 > 應用程式嵌入 > Ako Loyalty Widget，使用 Placement 和 Side padding 及 Bottom padding 這三個欄位微調介面的安裝位置，避免跟其他 App 卡到，調整過程中可以從右側的即時預覽畫面確認位置。

Q：嵌入式會員中心要去信箱收 Email 驗證碼才能登入，有沒有更簡單的登入方式？

Shopify 新版顧客帳號可支援 Email 驗證碼登入、Facebook 和 Google 登入，請從商店後台 > 設定 > 顧客帳號 > 在「驗證」欄位按下「管理」，接著點擊「連結」並依照官方說明文件啟用即可。

設定成功的畫面：

Q：我是用舊版顧客帳號，但也想要設定成網頁式會員中心的樣子

目前此功能屬於客製化開發服務，請來信 service@akohub.com 提供您的商店網址，我們會先替您評估現行的佈景主題版本是否支援導入網頁式會員中心，並提供相關報價。
實際案例請參考：SEic單車工廠、MAGEASY

如需專人協助，歡迎聯繫我們：
📧 service@akohub.com
📅 預約 20 分鐘免費顧問諮詢