星期六, 3月 18, 2023

[Shopify] 移除「立刻購買」按鈕

在佈景主題 Dawn 8.0 上要移除立刻購買按鈕,在於使用 App 功能設計在購物車頁面,避免消費者跳過而直接進入結帳頁面

購買按鈕

在 Dawn 8.0 [加入購物車] 和 [立刻購買] 按鈕預設是一併出現的
  • 加入購物車:會跳出通知,詳見 [Shopify] 購物車類型
  • 立刻購買:會跳過購物車頁面,直接進入結帳頁面
[Shopify] 關閉「立即結帳」按鈕-1

購物車頁面 VS 結帳頁面

購物車頁面為流程的 Step1,右下角按鈕-結帳才算是往 Step2 前進

[Shopify] 關閉「立即結帳」按鈕-2

結帳頁面,兩處紅色橫線是回到購物車頁面連結,消費者通常不會注意到跳過購物車頁面

[Shopify] 關閉「立即結帳」按鈕-3

移除「立刻購買」按鈕

兩處設定,分別為
  1. 產品頁面:顯示動態結帳按鈕
  2. 編輯程式碼:程式碼片段內的 cart-notification.liquid 內備註 name 為 checkout code
產品頁面內的購買按鈕有一個 [顯示動態結帳按鈕] 可以勾選

[Shopify] 關閉「立即結帳」按鈕-4


佈景主題 => ... 符號 => 編輯程式碼,搜尋 cart 就可以在程式碼片段內找到 cart-notification.liquid


[Shopify] 關閉「立即結帳」按鈕-6

註解 (Ctrl + /) 44 - 46 行 name = checkout 那段 Code

[Shopify] 關閉「立即結帳」按鈕-7

這樣就可以確定消費者一定會進入購物車頁面囉

1 則留言: