商品項目編輯區塊

商品項目編輯區塊讓顧客能直接在結帳頁面調整購物車內容。啟用後,每個商品項目下方會顯示「編輯」按鈕,點擊後會彈出包含您已啟用功能的視窗,例如數量選擇器或「移除」按鈕。不同於可在結帳多個區域顯示的其他內容區塊,這個區塊僅會顯示於結帳頁面的訂單摘要中的「購物車內的商品」區段。

預設情況下,此區塊會在結帳頁面對所有顧客、所有適用商品顯示。雖然在多種情境下都很有幫助,但您有時可能會希望依商品限制某些選項。您可以使用顯示規則來達成這些情境,並依購物車內容設定多個商品項目區塊。

商品項目編輯區塊的支援選項

您可以啟用多種商品項目編輯選項。商品項目編輯區塊目前支援以下選項:

  • 商品項目內容區塊:顯示商品項目專屬的動態內容,例如「售出不退」訊息。
  • 子類選擇器:顯示子類選擇器,讓顧客可以切換商品子類。
  • 數量:顯示數量選擇器,讓顧客可增加或減少購買數量。
  • 移除按鈕:顯示 移除 按鈕,讓顧客可以從結帳頁面移除該商品項目。僅當購物車包含 2 個以上的商品項目時才會顯示。
  • 銷售方案選擇器(訂閱):讓顧客可以變更訂閱頻率,或選擇加入或取消訂閱。僅當購物車包含可訂閱的商品時才會顯示。本功能與 Recharge 不相容。

如果您希望所有選項套用相同的顯示規則,您可以在同一個商品項目編輯區塊中啟用多個選項。

建立商品項目編輯區塊

您可以在 Checkout Blocks app 中建立並設定商品項目編輯區塊。建立完成後,您必須將其新增至結帳頁面

步驟:

  1. 在您的 Shopify 管理介面中,前往 App > Checkout Blocks

  2. 按一下 區塊,然後按一下 建立區塊

  3. 按一下 商品項目編輯

  4. 區塊名稱 區段輸入區塊名稱。此名稱不會顯示給您的顧客。

  5. 顯示規則 區段中設定區塊的顯示規則

    • 若要將該區塊顯示給所有顧客並套用到所有商品項目,請將 顯示規則 區段留空。
    • 若要建立顯示規則,按一下 ⊕ 新增顯示規則,然後設定您的規則。您可視需要新增任意數量的顯示規則。
  6. 內容 區段中,啟用任意數量的支援的區塊選項,例如子類選擇器或 移除 按鈕。

  7. 選用:在 樣式 區段中,若您希望在結帳時預設完整展開顯示選項 (例如子類或數量選擇器),請按一下 預設展開顯示

  8. 選用:在 發布 區段中,按一下鉛筆圖示,選取您要顯示此區塊的市場與結帳頁面。

  9. 按一下 儲存

您的區塊預設會以 草稿 儲存。準備發布時,請在 狀態 區段的下拉式選單中選取 啟用

將商品項目編輯區塊新增至結帳頁面

您只需將商品項目編輯區塊新增一次到結帳頁面,所有符合條件的編輯選項商品項目內容區塊即可顯示其內容。若您多次新增商品項目編輯區塊,區塊內容會重複。

如果您建立了多個商品項目編輯區塊,當符合相關顯示規則時,具有最高優先順序的區塊會顯示在訂單摘要中。

步驟:

  1. 在您的 Shopify 管理介面中,前往 App > Checkout Blocks

  2. 按一下 區塊

  3. 按一下您要新增至結帳頁面的商品項目編輯區塊。

  4. 按一下 更多動作 ⌄ > 新增至結帳頁面

  5. 選取您想要的結帳設定,然後按一下 開啟編輯器

  6. 在結帳與帳號編輯器中,將商品項目編輯區塊新增到您的結帳頁面:

    1. 前往 結帳資訊 頁面。
    2. 訂單摘要 區段中按一下 ⊕ 新增區塊
    3. 按一下 Checkout Blocks 中的 商品項目編輯 選項。
    4. 選用:若您啟用了 子類選擇器數量選擇器銷售方案選擇器(訂閱) 等選項,您可以使用 區塊設定 調整 編輯按鈕 的樣式與標籤文字。
    5. 選用:若您啟用了 移除按鈕 選項,您可以使用 區塊設定 調整 移除按鈕 的樣式、標籤文字與語氣。
  7. 按一下 儲存