最後更新時間：2025-12-25
預計操作時間：10 分鐘
在開始之前
- 請先確認是否已正確開啟點數(購物金)折抵介面，若尚未啟用，請先依照此篇文章教學開啟：如何開啟 Shopify 點數(購物金)折抵介面讓會員結帳
步驟一：關閉商品頁上的「立即購買」按鈕
進入 Shopify 後台 > 網路商店 > 佈景主題 > 點選「編輯佈景主題」
在上方選單切換到「產品 > 預設產品」或其他您使用中的產品範本。
在左側找到「產品資訊 > 點選 購買按鈕」
取消勾選「顯示動態結帳按鈕」並儲存
完成後，商品頁只會顯示「加入購物車」按鈕，顧客會先把商品放進購物車，再往下一步走。
步驟二：將購物車類型改成「頁面式購物車」
有些佈景主題預設使用「導覽匣購物車（Drawer）」或「彈出式購物車（Pop-up）」，顧客在這些小視窗中按「結帳」，也可能直接跳到結帳頁，而不會打開完整的購物車頁。
- 進入 Shopify 後台 > 網路商店 > 佈景主題 > 點選「編輯佈景主題」。
- 點選左側工具列的 ⚙️齒輪圖示 > 進入佈景主題設定 > 將「購物車類型」改成「頁面」並儲存。
步驟三：隱藏迷你購物車的「結帳」按鈕
有些主題除了立即購買按鈕，還會附贈迷你購物車，讓顧客可以直接在小視窗中按「結帳」，這個按鈕也要隱藏，才能確保顧客前往購物車頁面。以下以 Shopify 官方免費主題 Dawn 為例：
- 此步驟需要編輯程式碼，保險起見請先多複製一份您現有的佈景主題出來編輯
-
進入 Shopify 後台 > 網路商店 > 佈景主題，點「⋯」按鈕 > 點下「編輯程式碼」
- 在左上角搜尋框輸入 cart，以 Dawn 主題來說，檔名為 cart-notification.liquid，接著找到包含 name="checkout" 的 <form> 區塊並選取程式碼。
- 接著按下快捷鍵，Mac 請按 Command 和 /，Windows 請按 Ctrl 和 /，完成後按下儲存（下圖為正確畫面）
⚠️ 不同佈景主題的檔案名稱與程式碼位置可能會不同，如果依照上述方式修改後沒有生效，請聯繫佈景主題開發商或您的合作工程師協助。
以上教學為常見改法，實際編輯方式請以您的佈景主題開發商為準哦！
※如果您仍然希望將折抵介面放置在導覽匣或彈出式購物車版面，並且透過Ako調整，將收取一次性的客製化費用。請來信至 service@akohub.com與我們聯繫！
常見問題
Q：我是 Shopify Plus 商家，可以把點數折抵按鈕放在結帳頁嗎？
Ako Marketing 的 Advanced 方案可支援將點數折抵按鈕嵌入至結帳頁，如需協助或釐清請來信 service@akohub.com