根據 WooCommerce 結賬中的送貨方式隱藏賬單字段

在許多情況下，您不想在 WooCommerce 中顯示所有默認結帳字段。 在本文中，我將向您展示如何根據 WooCommerce 中的送貨方式隱藏或顯示結帳字段，如賬單和送貨字段，或將送貨到其他地址。

您是否曾經希望刪除 WooCommerce 結帳字段？ 例如，對於運輸方式、國家或自定義需求等條件？

今天，我將向您展示如何使用一個插件隱藏 WooCommerce 結帳字段（如賬單、運輸或其他信息）！ 在幾分鐘內自定義 WooCommerce 結賬！

目錄

1. 刪除 WooCommerce 結帳中的賬單和運輸字段
2. 根據 WooCommerce 中的送貨方式隱藏結帳賬單字段
   • 使用 WooCommerce Checkout 編輯器插件
   • 選擇要在結帳時隱藏的賬單或運輸字段
   • 從 WooCommerce 結賬中刪除賬單或運輸字段
   • 根據自定義條件隱藏賬單字段
   • 從 WooCommerce 結帳中刪除城市字段 - 示例
   • 刪除結帳字段 - 最終結果
3. 隱藏 WooCommerce 中的賬單和運輸字段 - 摘要

刪除 WooCommerce 結帳中的賬單和運輸字段

在本文中，我將使用Flexible Checkout Fields PRO自定義 WooCommerce 結賬賬單和送貨字段。 它允許您添加、刪除、顯示或隱藏賬單和運輸字段，以及運輸方式等條件！

超過 236,719 家 WooCommerce 商店使用這個插件，它得到了4.6 顆星（滿分 5 顆星）的好評。

您可以使用此插件使用基於產品或類別的條件邏輯來隱藏虛擬產品的運輸字段。 但在這種情況下，我們將使用基於運輸方式的條件邏輯。 當您的客戶選擇貨到付款 (COD) 送貨方式或送貨到接入點時，您可以使用它來隱藏 WooCommerce 結賬賬單字段。

根據 WooCommerce 中的送貨方式隱藏結帳賬單字段

讓我們進入本文的實踐部分。 按照以下步驟在 WooCommerce 結帳中隱藏賬單字段或送貨地址字段（或將整艘船運往不同的地址部分） ！

1. 使用 WooCommerce Checkout 編輯器插件

   我將使用 Flexible Checkout Fields PRO 插件。 安裝和激活後，讓我們轉到WooCommerce > 結帳字段。

   

2. 選擇要從 WooCommerce 結帳中隱藏的賬單或運輸字段

   接下來，選擇一個部分，您要在其中根據送貨方式隱藏結帳字段。 它可以來自 WooCommerce 結帳賬單、運輸或靈活結帳字段插件中可用的任何自定義部分。

3. 從 WooCommerce 結賬中刪除賬單或運輸字段

   然後，編輯您要隱藏的帳單字段之一。 我將其作為城市字段的示例進行展示，但它適用於 WooCommerce 訂單中的所有字段。

   打開常規設置。

   

4. 使用條件隱藏賬單字段

   接下來，繼續Conditional Logic 選項卡。 啟用運輸方式邏輯並選擇隱藏此字段。

   

   

   您可以使用此功能根據自定義條件（例如送貨方式）刪除或顯示任何結帳字段。

5. 從 WooCommerce 結賬中刪除城市字段

   所以現在是添加新規則的時候了。 以這種方式完成這些下拉菜單：

   

   在第一個Shipping Zone中，您可以選擇包含您的運輸方式的運輸區域。 第二個字段中只會顯示來自該送貨區的送貨方式。 就我而言，這是美國。

   在第二個字段Shipping Method中，選擇您的運輸方式。 如果您使用我們的 Flexible Shipping 插件，您會看到帶有“Flexible Shipping:”前綴的運輸方式。

   有時加載所有運輸方式可能需要一段時間。 通常在幾秒鐘後再次單擊此字段可解決此問題。

   現在，您可以將相同的規則應用於要隱藏的其他結帳字段。 記得保存更改。
   

6. 從結帳中刪除一個字段 - 結果

   這就是它在我店裡的樣子。

   

   可以看到，在我選擇高級送貨方式後，City 字段就不再顯示了。 它還可以與您要刪除的其他 WooCommerce 結帳字段一起使用，例如附加信息、運送到不同的地址或運送地址字段！

隱藏 WooCommerce 中的賬單和運輸字段 - 摘要

在本文中，我向您展示瞭如何在 WooCommerce 中根據送貨方式隱藏結帳字段。 您還可以使用它來僅顯示某些運輸方式的結帳字段。 我希望它會有用。

另外，觀看有關刪除 WooCommerce 結帳字段的視頻：