*最後更新時間:2025-12-04
*預計操作時間:10 分鐘
*本文適用 Ako CVS 結帳介面:地圖選店型

一、我是不是這篇文章的適用對象?

Ako CVS 支援多種介面安裝位置(購物車頁面、結帳頁面、感謝頁面)。請先到 Ako CVS 後台,參考以下截圖檢查目前的設定。只要超商地圖或發票介面,有任何一個介面是安裝在「購物車頁」,就必須依照本文步驟調整商店設定

  • 超商介面顯示位置:若您勾選的是「地圖選店型」,超商地圖會顯示在購物車頁面。

  • 發票區塊顯示位置:若您勾選的是「購物車頁面」,發票欄位會顯示在購物車頁面。

🔔補充說明:若您使用的是「自動偵測型」超商介面(顧客在結帳頁輸入地址後選門市),或 使用 Shopify Plus 結帳頁客製化(超商 / 發票介面嵌入至結帳頁)則不用依照本文關閉「立即購買」按鈕。

二、為什麼需要關閉「立即購買」按鈕?

Shopify 佈景主題多半會預設開啟「立即購買」按鈕,這是 Shopify 為了簡化結帳流程而設計的捷徑,顧客按下後,會直接從商品頁跳去付款畫面,不會再經過購物車頁。

但是顧客如果走這條捷徑,就會看不到您安裝在購物車頁的超商地圖與發票介面,連帶影響訂單無法帶入相關資料,會需要額外人工處理。因此這篇文章會教您關閉或調整「立即購買」按鈕,讓顧客能夠成功完成超商訂單與填寫發票。

三、先快速確認介面是否其實有安裝成功

在調整立即購買按鈕之前,先確認 Ako CVS 介面本身有沒有顯示在購物車頁:

  1. 到您的商店前台,任意打開一個商品,把商品加入購物車。
  2. 在瀏覽器網址列,把您的商店網址後方改成 /cart(例如:https://yourstore.com/cart),按 Enter 前往。

✅ 如果在 /cart 頁面 看得到 超商地圖或發票欄位:
代表介面有安裝成功,但顧客現在沒辦法前往介面所在的購物車頁,繼續按照本文步驟調整按鈕設定即可

😓 如果在 /cart 頁面 完全看不到 超商地圖或發票欄位:
代表問題不是「立即購買」造成,而是介面一開始就沒安裝成功,請直接來信 service@akohub.com 附上您的商店網址,我們將儘快安排專人替您排查。

四、開始設定

步驟一:關閉商品頁上的「立即購買」按鈕

進入 Shopify 後台 > 網路商店 > 佈景主題 > 點選「編輯佈景主題
在上方選單切換到「產品 > 預設產品」或其他您使用中的產品範本。

在左側找到「產品資訊 > 點選 購買按鈕

取消勾選「顯示動態結帳按鈕」並儲存

完成後,商品頁只會顯示「加入購物車」按鈕,顧客會先把商品放進購物車,再往下一步走。

步驟二:將購物車類型改成「頁面式購物車」

有些佈景主題預設使用「導覽匣購物車(Drawer)」或「彈出式購物車(Pop-up)」,顧客在這些小視窗中按「結帳」,也可能直接跳到結帳頁,而不會打開完整的購物車頁。

  1. 進入 Shopify 後台 > 網路商店 > 佈景主題 > 點選「編輯佈景主題」。
  2. 點選左側工具列的 ⚙️齒輪圖示 > 進入佈景主題設定 > 將「購物車類型」改成「頁面」並儲存。

步驟三:隱藏迷你購物車的「結帳」按鈕

有些主題除了立即購買按鈕,還會附贈迷你購物車,讓顧客可以直接在小視窗中按「結帳」,這個按鈕也要隱藏,才能確保顧客前往購物車頁面。以下以 Shopify 官方免費主題 Dawn 為例:

  1. 此步驟需要編輯程式碼,保險起見請先多複製一份您現有的佈景主題出來編輯
  2. 進入 Shopify 後台 > 網路商店 > 佈景主題,點「⋯」按鈕 > 點下「編輯程式碼」
  3. 在左上角搜尋框輸入 cart,以 Dawn 主題來說,檔名為 cart-notification.liquid,接著找到包含 name="checkout" 的 <form> 區塊並選取程式碼。
  4. 接著按下快捷鍵,Mac 請按 Command 和 /Windows 請按 Ctrl 和 /,完成後按下儲存(下圖為正確畫面)

⚠️ 不同佈景主題的檔案名稱與程式碼位置可能會不同,如果依照上述方式修改後沒有生效,請聯繫佈景主題開發商或您的合作工程師協助。

五、完成設定後,如何檢查?

  1. 在前台開啟任一商品頁,確認畫面上已沒有任何「立即購買」或「快速結帳」按鈕
  2. 如果您的主題有迷你購物車,請確認迷你購物車的介面已移除「結帳」按鈕

  3. 接著您會前往購物車頁,如果能正常看到超商跟發票介面,表示您已調整成功!

如果在測試過程中仍無法看到介面,或顧客還是會直接跳到結帳頁,請再次檢查上述三個步驟是否都已完成,或聯繫 service@akohub.com 協助排查。

六、常見問題

Q1:我想保留「立即購買」按鈕,有辦法同時讓顧客選超商嗎?

如果您希望保留快速結帳按鈕,又不想要求顧客一定經過購物車頁,可以改用 Ako CVS 的「自動偵測型」超商介面。

在自動偵測型模式下,顧客會在結帳頁輸入地址,系統會依據地址自動列出附近可選的超商門市,顧客直接在結帳頁完成選店,不需要經過購物車頁。

啟用方式請參考教學:
如何啟用自動偵測型介面

或者,如果您有配合的工程師,可以請對方調整立即購買按鈕的跳轉連結,將連結改成導向購物車。

Q2:我是 Shopify Plus 商家,想把超商地圖放在結帳頁,可以怎麼做?

如果您希望把超商地圖或發票介面直接嵌入結帳頁,可以搭配 Ako CVS Enterprise 方案,詳細設定方式請來信 service@akohub.com,我們將安排專人協助您完成整體商店調整。

 

📧 找不到您要的答案嗎?請來信 service@akohub.com 
📞 還在評估階段,需要專人介紹?點此預約 20 分鐘 1 對 1 諮詢