一個插件中的 WooCommerce 條件邏輯、自定義字段和產品選項!

已發表: 2018-03-28

去年,我們發布了用於添加產品選項、自定義字段和自定義 WooCommerce 產品的插件。 許多客戶要求我們向 WooCommerce 產品自定義字段和選項添加條件邏輯。 我很高興地宣布,WooCommerce 條件邏輯在插件的 PRO 版本中可用,適用於簡單產品和變體。

您的WooCommerce 產品是否缺少更多選項和自定義字段? 您是否嘗試過添加更多關於您的產品的信息? 但是頁面看起來要么太長,要么總是一樣

今天,我將向您展示如何為您的 WooCommerce 產品添加自定義字段以豐富產品選項。 了解如何使用條件邏輯讓客戶動態地受益於自定義字段、產品選項和附加服務。 讓我們在幾分鐘內定制簡單的產品並在 WooCommerce 中提供精美的產品變體!

目錄

  • 具有條件邏輯的 WooCommerce 產品選項
  • 具有條件邏輯的 WooCommerce 產品選項
  • 具有條件邏輯的自定義產品字段 - 分步指南
  • 關於插件的摘要和更多信息

具有條件邏輯的 WooCommerce 產品選項

在線商店中最受歡迎的產品是標準的實體產品。 WooCommerce 和其他電子商務平台是為他們精心打造的。 這並不意味著它們可以滿足所有需求。 有時商店需要的不止於此!

產品選項讓客戶定制產品。 附加組件可以是複選框、選擇框或文本區域以命名一些自定義產品字段。 當然,這完全取決於商店的需求。 這些附加組件可用於產品雕刻、交叉銷售保險禮品包裝功能。

一些例子怎麼樣?

WooCommerce 餐飲訂購

如今,健康飲食很流行。 人們想吃得好,但往往沒有時間為自己準備飯菜。 計算卡路里、列餐單、購物和烹飪。 獨自保持飲食是一項艱鉅的日常任務。

然而,這個問題有一個簡單的解決方案:食品盒或個人餐飲

查看下面的產品頁面 ↓ :一個日期字段(餐飲服務開始日期)、一個選擇字段(提示)和一個用於在飲食中包含或排除某些成分的複選框。

使用自定義字段、產品選項和條件邏輯自定義 WooCommerce 簡單產品和變體以動態顯示字段
使用自定義字段、產品選項和條件邏輯自定義 WooCommerce 簡單產品和變體以動態顯示字段
您在下面的 WooCommerce 產品頁面上看到的所有額外附加組件(自定義字段)都是使用插件Flexible Product Fields添加的。 該插件允許您為 WooCommerce 簡單產品和變體自定義設計和產品選項

靈活的產品領域 PRO WooCommerce $ 59

WooCommerce 產品變體條件邏輯變得簡單。 獲取插件並添加 18 種不同的產品附加組件、條件邏輯和定價。

添加到購物車查看詳情
10,000 多個活躍安裝
最後更新:2023-03-15
適用於 WooCommerce 7.1 - 7.5.x
您還可以使用 WooCommerce 產品(簡單和可變產品)的條件邏輯配置所有自定義字段(新選項) 。 我將在本文後面向您展示如何操作。

WooCommerce 產品保險

另一個很好的例子是保險。 商店願意為他們提供的產品交叉銷售保險。 它為商店提供額外的利潤,因為它們是保險公司的中間人。

WooCommerce 條件邏輯
WooCommerce 產品保險 - 產品頁面

如您所見,在此示例中您只需要一個帶有新產品選項的簡單下拉字段(選擇字段)!

具有條件邏輯的 WooCommerce 產品選項

條件邏輯意味著一個產品選項取決於另一個。 因此,您可以根據客戶的選擇構建具有多個選項、功能和附加組件的動態產品頁面!

例如,您想要在商店中提供禮品留言選項。 您需要一個文本字段,客戶可以在其中提供消息以添加到他們想要贈送的產品中。

文本字段在產品頁面上佔用的空間比任何其他字段都多。 然後你可以將它隱藏在一個複選框上。 如何?

看下面的動畫:

WooCommerce 條件產品選項
禮品消息字段添加了靈活的產品字段

該產品字段的條件邏輯很簡單。

當客戶標記禮品消息複選框時,會出現一個文本字段。

這可能是 WooCommerce 條件產品選項功能的最簡單示例。 當然,您可以做更多。 想像力是你唯一的限制:)

還有一件事! 您可以為 WooCommerce 簡單產品和變體的產品選項和自定義字段使用條件邏輯!

WooCommerce 產品條件 - 如何在您的商店中使用它?

讓我們使用上面動畫中的示例️。 我將向您展示如何配置字段以這種方式工作。 別擔心,超級簡單!

WooCommerce 條件邏輯插件

要事第一。 你需要我上面提到的插件。 您也可以從免費版本開始! 只需點擊上面的鏈接!

在下面的鏈接免費下載插件

靈活的產品領域 WooCommerce

WooCommerce 產品變體條件邏輯變得簡單。 獲取插件並添加 18 種不同的產品附加組件、條件邏輯和定價。

免費下載前往 WordPress.org
10,000 多個活躍安裝
最後更新:2023-03-13
適用於 WooCommerce 7.1 - 7.5.x
請注意,如果您想配置WooCommerce 條件產品選項,則需要PRO 版本。 免費版不支持條件邏輯,但我鼓勵您在購買前試用一下!

讓我們回到配置。

示例中的這些字段非常容易設置。 您需要添加一個複選框字段,然後您需要在禮品消息字段中激活條件邏輯 (PRO)

自定義字段 - 配置

  1. 添加新字段組

    首先,您必須添加一個新的字段組並將其分配給特定的產品、類別或標籤。 您也可以像我一樣選擇將其分配給所有產品。

  2. 選擇自定義字段

    然後,您必須首先選擇要添加的字段。 讓它成為複選框字段。 您可以在選項字段中找到它。

    WooCommerce 條件產品選項 - 添加額外的附加組件
    首先,添加一個複選框字段
  3. 添加複選框字段

    這將是將啟動條件邏輯的字段。 但它必須與另一個領域一起工作。 讓我們添加Textarea 字段

    WooCommerce 變體條件邏輯 - 添加文本區域字段
    現在添加一個 Textarea 字段以繼續執行條件邏輯

    您還可以在“高級”選項卡中設置字符限制
  4. 條件邏輯和定價 (PRO)

    現在,我們可以設置條件邏輯和定價。

    條件邏輯定價插件的 PRO 版本中可用。

    按著這些次序:

    WooCommerce 條件字段
    轉到條件邏輯選項卡

    如果客戶選中復選框字段,我還添加了額外定價

    具有額外定價的 WooCommerce 產品附加條件邏輯配置
    添加額外定價
  5. 具有條件邏輯的 WooCommerce 自定義產品選項

    看看最後的效果。 這就是您的客戶將如何看到我們剛剛設置的條件邏輯:

    WooCommerce 條件產品選項
    產品頁面上帶有額外定價的條件邏輯

我為你總結了配置步驟:

  1. 您需要創建一個複選框字段。
  2. 複選框字段沒有設置條件邏輯選項。 它必須與另一個領域一起工作。
  3. 接下來,您需要創建一個文本區域字段。
  4. 該字段必須設置條件邏輯選項。
  5. 規則是如果禮品消息字段被選中,則顯示此字段。

就是這樣! 簡單吧?

請記住,您可以將 WooCommerce 條件產品選項與條件邏輯一起用於簡單產品和變體

關於插件的摘要和更多信息

在本文中,您學習瞭如何配置 WooCommerce 產品選項和自定義字段,以及使用條件邏輯動態顯示字段。 如果您需要更多幫助,請在下面的評論部分告訴我。

您準備好在商店中使用產品條件邏輯了嗎?

查看 PRO 版本的所有功能並閱讀插件文檔

靈活的產品領域 PRO WooCommerce $ 59

WooCommerce 產品變體條件邏輯變得簡單。 獲取插件並添加 18 種不同的產品附加組件、條件邏輯和定價。

添加到購物車查看詳情
10,000 多個活躍安裝
最後更新:2023-03-15
適用於 WooCommerce 7.1 - 7.5.x
您也可以使用條件邏輯自定義 WooCommerce 結帳字段