より優れたバリアブル商品のためのバリエーション用の WooCommerce カスタム フィールド

シンプルな商品やバリエーションのカスタムフィールドは、WooCommerceを確実に改善し、この電子商取引プラグインの組み込み機能を強化することができます。この記事を読んで、カスタム コード行を自分でプログラミングせずに、新しい高度な製品オプションを追加する方法を学びましょう。

重要なポイント

この記事では、次のことを学ぶことができます。

• WooCommerce のバリエーションについて、
• WooCommerce バリエーションにカスタムフィールドを追加する方法、
• シンプルな商品やさまざまな商品の高度なカスタム フィールドを構成するには、
• 追加の価格設定と条件付きフィールドについて。

目次

• WooCommerce のバリエーションとは何ですか?
• シンプルな商品と可変商品のカスタムフィールド
• カスタム商品フィールドを構成する 4 つのステップ
• 高度なバリエーションのカスタムフィールドの価格設定

WooCommerce のバリエーションとは何ですか?

おそらくご存知のとおり、WooCommerce には 4 つのデフォルトの製品タイプがあります。

通常は、属性を備えた単純な製品で十分ですが、可変の製品を使用することもできます。なぜ？属性は追加情報に表示されるため、次のようになります。

バリアブル商品には属性を表示できますが、ユーザーが選択できるバリエーションも付属しています。

バリエーションのポイントは、製品ごとの選択肢を増やすことです。次のセクションでは、WooCommerce で単純な商品と可変商品の両方にカスタマイズされたフィールドを追加する方法を説明します。

シンプルな商品と可変商品のカスタムフィールド

属性だけでは不十分な場合は、プラグインを使用して高度な商品フィールドを構築し、WooCommerce 製品をさらにカスタマイズできます。

プラグインで何ができるようになるのでしょうか？

• 20 種類のフィールドを追加 (18 種類は無料)
  
• カートの概要とチェックアウト ページにラベルとフィールド値を表示する
• カスタム商品フィールドを必須またはオプションとしてマークします
• プレースホルダーとツールチップを構成する
• CSS クラスを割り当てて、より良い製品とカスタマイズされたスタイルを実現
• 無料のプラグインを使用してサブスクリプションのカスタムフィールドを追加することもできます

カスタム商品フィールドを構成する 4 つのステップ

実際、適切なツールを使用してカスタム フィールドを追加するのは非常に簡単です。

1. プラグインから始める

   Flexible Product Fields を使用して WooCommerce 製品をカスタマイズします。

   柔軟な製品分野 PRO WooCommerce 59ユーロ

   彫刻、ギフト包装、ギフトメッセージ、名刺、スタンプを販売するための製品ウィザードを作成し、オプションで料金を請求します (固定またはパーセント)。

   アクティブなインストール数: 10,000+ | WordPress の評価:

   

   カートに追加または詳細を表示

   WPデスク

   10,000 以上のアクティブなインストール

   最終更新日: 2025-01-16

   WooCommerce 9.2 ～ 9.6 で動作します
   プラグインの無料バージョンを選択してカスタム フィールドを追加することもできます。

2. 新しいフィールドを追加する

   WordPress に拡張機能をインストールして有効化した後、プラグイン設定に移動します。

   

   WooCommerce 製品用の新しいフィールド グループを追加します。

   特定の製品を選択できます。

   

   Flexible Product Fields PRO を使用すると、特定のバリエーション、カテゴリ全体、タグ、またはすべての製品ごとにフィールドを割り当てることができます。

   

3. カスタム商品フィールドを構成する

   新しく追加されたグループ内で、複数のフィールド タイプを選択できます。

   

   もちろん、表示される製品に応じて、さらにグループを追加して、さらに多くのフィールドを表示することもできます。

4. 製品ページのカスタムフィールド

   WooCommerce 可変商品の新しいフィールドの例を見てみましょう。

   

高度なバリエーションのカスタムフィールドの価格設定

WooCommerce にカスタム商品フィールドを追加するときに、さらに言及すべきことはありますか?もちろん。プラグインの柔軟性により、以下を使用してストアをカスタマイズできます。

• フィールドごとの追加料金 (固定またはパーセント)
• カスタムフィールドに基づくバリエーション画像スイッチャー
• より多くのオプションとより良い UX に依存する条件付きフィールド
• カテゴリ全体、タグ、すべての製品、または特定のバリエーションにフィールドを割り当てる

バリエーションの WooCommerce カスタム フィールド - 概要

ご覧のとおり、この WooCommerce 拡張機能を使用すると、製品 (およびバリエーション) ごとに新しいフィールドを追加するのが非常に簡単です。プログラミングスキルやカスタムコードは必要ありません。

高度な製品フィールドと動的なバリエーションのオプションは、WooCommerce 製品の改善に役立つ可能性があります。専門的な技術サポートを受けて、プラグインを 30 日間お試しください。

または、無料の Flexible Product Fieldsから始めてください。