*最後更新時間：2025-04-10
*本文需搭配 Ako Marketing 的 Gold Plan(US$29/月) 或更進階方案
*若尚未安裝 App 👉 請點此安裝 Ako Marketing，可享 14 天免費試用
*本文需搭配點數回饋功能，請參考本文👉如何設定點數基礎規則並開啟折抵功能？

開始之前：

請先確認是否已正確開啟點數(購物金)折抵介面，若尚未啟用，請先依照此篇文章教學開啟：如何開啟 Shopify 點數(購物金)折抵介面讓會員結帳

※成功啟用後，若折抵介面未出現在一頁式的購物車頁面，請來信 service@akohub.com 由我們進一步檢查

若採用其他購物車類型，或是產品頁提供「立即購買」按鈕以加速購物流程，會導致顧客略過一頁式的購物車頁面，直接被傳送至結帳付款程序。

以下列出 4 種能讓顧客直接進入結帳頁的情境，並提供相應的按鈕關閉方式。
請根據您的佈景主題進行編輯，確保顧客們都能順利登入帳號進行折抵：

1. 關閉產品頁的立即購買按鈕

2. 將購物車類型，切換為頁面式購物車

如果您在加入商品後，購物車是從網站側邊滑出，或是從網站中央彈出，通常這類型的購物車所支援的結帳按鈕，都會將顧客直接傳送至結帳程序。
前往佈景主題 > 自訂 > 佈景主題設定 > 將「購物車類型」勾選為「頁面」並儲存，就完成購物車類型切換了！
※ 如果無此選項，請參考您的佈景主題說明文件，或是聯繫主題開發商協助。

*在此以 Shopify 免費主題 Dawn 為例，其他佈景主題的按鈕編輯方式請聯繫您的主題開發商

前往佈景主題，點擊「⋯」> 選擇「編輯程式碼」
在搜尋列中輸入 "cart"，以 Dawn 主題為例，找到結帳按鈕所在的檔案 "cart-notification.liquid"
用  將紅匡處的 <form> 標籤前後包裹住，並點擊右上角的「儲存」按鈕。
※ Mac 使用者可使用快捷鍵「Command ⌘ + /」
※ Windows 使用者可使用快捷鍵「Ctrl + /」
接著重新整理您的網頁，就會看到迷你購物車的結帳按鈕已經隱藏起來囉：

*在此以 Shopify 免費主題 Publisher 為例，其他佈景主題的按鈕編輯方式請聯繫您的主題開發商

前往佈景主題，點擊「⋯」> 選擇「編輯程式碼」
在搜尋列輸入 "cart"，以 Publisher 主題為例，此結帳按鈕位於「程式碼片段」的 "cart-drawer.liquid"
輸入快捷鍵 Command+F 或是 Ctrl+F 搜尋 "checkout"，然後找到包含 name="checkout" 的一組 <button> 標籤
分別刪除「type="submit"」和「name="checkout"」
接著使用 <a> 標籤：<a href="/cart" style="width:100%"> ..... </a>，將其包裹在 <button> 標籤之前和之後：

【選用】如果想要更改導覽列結帳按鈕的文字，以 Publisher 為例，刪除「{{ 'sections.cart.checkout' | t }}」，並替換為您想要顯示的按鈕文字，例如將第 524 行修改為「檢視購物車」。
最後，點擊點擊右上角的「儲存」按鈕以套用變更，這樣就能讓導覽匣的結帳按鈕，改成導向至購物車頁囉！

以上教學為常見改法，實際編輯方式請以您的佈景主題開發商為準哦！
※如果您仍然希望將折抵介面放置在導覽匣或彈出式購物車版面，並且透過Ako調整，將收取一次性的客製化費用。請來信至 service@akohub.com與我們聯繫！