商品項目編輯區塊
商品項目編輯區塊讓顧客能直接在結帳頁面調整購物車內容。啟用後,每個商品項目下方會顯示「編輯」按鈕,點擊後會彈出包含您已啟用功能的視窗,例如數量選擇器或「移除」按鈕。不同於可在結帳多個區域顯示的其他內容區塊,這個區塊僅會顯示於結帳頁面的訂單摘要中的「購物車內的商品」區段。
預設情況下,此區塊會在結帳頁面對所有顧客、所有適用商品顯示。雖然在多種情境下都很有幫助,但您有時可能會希望依商品限制某些選項。您可以使用顯示規則來達成這些情境,並依購物車內容設定多個商品項目區塊。
商品項目編輯區塊的支援選項
您可以啟用多種商品項目編輯選項。商品項目編輯區塊目前支援以下選項:
- 商品項目內容區塊:顯示商品項目專屬的動態內容,例如「售出不退」訊息。
- 子類選擇器:顯示子類選擇器,讓顧客可以切換商品子類。
- 數量:顯示數量選擇器,讓顧客可增加或減少購買數量。
- 移除按鈕:顯示 移除 按鈕,讓顧客可以從結帳頁面移除該商品項目。僅當購物車包含 2 個以上的商品項目時才會顯示。
- 銷售方案選擇器(訂閱):讓顧客可以變更訂閱頻率,或選擇加入或取消訂閱。僅當購物車包含可訂閱的商品時才會顯示。本功能與 Recharge 不相容。
如果您希望所有選項套用相同的顯示規則,您可以在同一個商品項目編輯區塊中啟用多個選項。
建立商品項目編輯區塊
您可以在 Checkout Blocks app 中建立並設定商品項目編輯區塊。建立完成後,您必須將其新增至結帳頁面。
步驟:
在您的 Shopify 管理介面中,前往 App > Checkout Blocks。
按一下 區塊,然後按一下 建立區塊。
按一下 商品項目編輯。
在 區塊名稱 區段輸入區塊名稱。此名稱不會顯示給您的顧客。
在 顯示規則 區段中設定區塊的顯示規則:
- 若要將該區塊顯示給所有顧客並套用到所有商品項目,請將 顯示規則 區段留空。
- 若要建立顯示規則,按一下 ⊕ 新增顯示規則,然後設定您的規則。您可視需要新增任意數量的顯示規則。
在 內容 區段中,啟用任意數量的支援的區塊選項,例如子類選擇器或 移除 按鈕。
選用:在 樣式 區段中,若您希望在結帳時預設完整展開顯示選項 (例如子類或數量選擇器),請按一下 預設展開顯示。
選用:在 發布 區段中,按一下鉛筆圖示,選取您要顯示此區塊的市場與結帳頁面。
按一下 儲存。
您的區塊預設會以 草稿 儲存。準備發布時,請在 狀態 區段的下拉式選單中選取 啟用。
將商品項目編輯區塊新增至結帳頁面
您只需將商品項目編輯區塊新增一次到結帳頁面,所有符合條件的編輯選項與商品項目內容區塊即可顯示其內容。若您多次新增商品項目編輯區塊,區塊內容會重複。
如果您建立了多個商品項目編輯區塊,當符合相關顯示規則時,具有最高優先順序的區塊會顯示在訂單摘要中。
步驟:
在您的 Shopify 管理介面中,前往 App > Checkout Blocks。
按一下 區塊。
按一下您要新增至結帳頁面的商品項目編輯區塊。
按一下 更多動作 ⌄ > 新增至結帳頁面。
選取您想要的結帳設定,然後按一下 開啟編輯器。
在結帳與帳號編輯器中,將商品項目編輯區塊新增到您的結帳頁面:
- 前往 結帳 或 資訊 頁面。
- 在 訂單摘要 區段中按一下 ⊕ 新增區塊。
- 按一下 Checkout Blocks 中的 商品項目編輯 選項。
- 選用:若您啟用了 子類選擇器、數量選擇器或 銷售方案選擇器(訂閱) 等選項,您可以使用 區塊設定 調整 編輯按鈕 的樣式與標籤文字。
- 選用:若您啟用了 移除按鈕 選項,您可以使用 區塊設定 調整 移除按鈕 的樣式、標籤文字與語氣。
按一下 儲存。