WooCommerce レビューの高度な製品フィールド: 柔軟な製品アドオン

公開: 2022-08-22

WooCommerce 製品にカスタムフィールドを追加する必要がありますか?

多くの場合、製品アドオンと呼ばれるカスタムフィールドを使用すると、顧客から追加の入力を収集できます。これらを使用して、あらゆる種類のカスタマイズ可能な製品を作成し、買い物客にネイティブの WooCommerce オプションよりも柔軟性を与えることができます.

Advanced Product Fields for WooCommerce は、WooCommerce 製品にカスタムフィールドを追加するための多くの機能を提供するフリーミアムプラグインです。

16 種類以上のフィールドタイプから選択したり、さまざまな方法で価格を調整したり、条件付きロジックを使用したりできます。

ハンズオンの WooCommerce レビューの高度な製品フィールドでは、プラグインの機能について詳しく説明し、プラグインがどのように機能するかを実際に見ていきます.

WooCommerce レビューの高度な製品フィールド: 機能の概要

一言で言えば、WooCommerce の高度な製品フィールドの核となる価値は、製品に追加のフィールド/オプションを追加できることです。

顧客から追加の入力を収集し、それらの入力に基づいて製品の価格を上下に調整することもできます.

これを使用して、ほとんどすべてのタイプのカスタマイズ可能な製品を販売できます。以下にいくつかの例を示します (ただし、これは決して完全なリストではありません)。

フレーム付きプリント– フレームを選択して、使用したい写真をアップロードできます。
壁紙– 買い物客が希望する寸法を入力し、それらを使用して価格を計算できるようにします。
カスタム T シャツ– ユーザーが色を選択し、自分のイメージやスローガンをアップロードしてシャツに印刷できるようにします。
オーダーメイドの料理– WooCommerce をレストランの注文システムとして使用している場合、ピザのトッピングを選択するなど、人々が料理をカスタマイズできるようにすることができます。

これは、さまざまな製品フィールドを持つ名刺製品の例です。

実際の例を見たい場合は、WooCommerce デモサイトの Advanced Product Fields に、さまざまな種類の製品の例がたくさんあります。 WooCommerce での名刺の販売に関するブログ投稿もチェックできます。

明らかに、このようなプラグインでは、価値のほとんどはそれが提供する本質的な機能/オプションにあるので、それらの機能をより深く見ていきましょう.

16以上の異なるフィールドタイプ

無料版と有料版の両方で、製品で使用できる 16 種類以上のフィールドタイプにアクセスできます。

以下は、9 つのフリーフィールドタイプです。

テキストフィールド (1 行)
テキストエリア (複数行)
Eメール
URL
番号
選択 (ドロップダウン)
チェックボックス
ラジオボタン
真/偽

プレミアムフィールドタイプは次のとおりです。

ファイルのアップロード– 顧客が 1 つまたは複数のファイル (画像など) をアップロードできるようにします。画像処理機能を追加するアドオンもあります。
色見本– たとえば、オプションとして実際の色を表示して、人々が何かの色を選択できるようにします。
画像見本。
テキスト見本。
日付 (カレンダーピッカー) .
コンテンツフィールド– これらを使用して、製品に追加のコンテンツを追加できます (顧客からの入力は受け付けません)。段落、画像、およびセクションフィールドを取得します。

条件付きロジックを使用して、他のフィールドの値に基づいてフィールドを表示または非表示にすることもできます。

さらに、数量ベースのオプションを使用して、ユーザーが選択した数量に基づいてオプションの数を増やすことができます。

最後に、製品オプションを個々の製品に添付したり、ルールを設定して製品アドオンを一部またはすべての製品に一括適用したりできます。

価格を上下に調整

各オプションを使用して、製品の価格を上下に調整できます。

たとえば、壁紙の例に戻りましょう。長さと高さを入力してもらい、それに基づいて価格を計算することができます。

計算された価格に加えて、他のフラットアドオンを請求することもできます。

または、買い物客の入力に基づいて価格を割り引くこともできます。

使用できる多くの価格計算式は次のとおりです。

定額料金。
数量ベースの価格。
割合ベースの手数料。
計算式ベースの価格– ユーザー入力に基づいて、文字通り独自の数学的価格計算式を作成できます。たとえば、指定された高さ/幅に基づいて平方メートルを計算し、それに平方メートルあたりの価格を掛けます。
文字の長さに基づく価格– これは、彫刻やその他の同様のユースケースに最適です.
価値に基づく価格設定。

便利な統合

WooCommerce の Advanced Product Fields は、使用している他の多くのプラグインと統合されます。

マルチカレンシーストアのWOOCS統合。
多言語ストア向けのWPML と Polylangの統合 ( TranslatePress や Weglot などのフロントエンド翻訳ツールでも動作するはずです)。
サブスクリプション製品の製品アドオンを使用するためのWooCommerce サブスクリプション。
WooCommerce Product Table 、これについては何度も書いてきました。また、その開発者のWooCommerce Quick View Pro プラグインとも統合されます。
数式ベースの価格設定で ACF フィールドを使用するためのAdvanced Custom Fields (ACF) 。

その他の注目すべき機能

上記の特定の機能以外にも、プラグインには他にも多くの便利な機能があります。

Ajax は、この機能を提供するテーマのカートへの追加をサポートします。
買い物客が製品の画像でテキストまたは画像をプレビューできるように、ライブコンテンツプレビュー。
レイヤー化された画像– 画像レイヤーを使用して製品を紹介し、簡単にカスタマイズ/プレビューできるようにします。
WooCommerce 税設定のサポート。
カート/チェックアウトで商品フィールドを表示/非表示– 買い物客がカートページで商品フィールドを編集できるようにすることもできます。

WooCommerce の高度な製品フィールドの使用方法

WooCommerce の Advanced Product Fields の機能がわかったところで、WooCommerce ストアでプラグインを使用する方法を見てみましょう。

プラグインを使用すると、2 つの異なるレベルでフィールドを追加できます。

フィールドグループを作成し、ルールを使用してこれらのフィールドを 1 つ以上の製品に一括で追加できます。
[商品の編集] 画面からフィールドを商品に直接追加できます。

まず、フィールドグループでどのように機能するかを示し、最後に同様のオプションを提供する直接オプションを示します。

1.基本設定を構成する

製品フィールドの設定を開始する前に、 WooCommerce → 設定 → 製品フィールドに移動して、いくつかの一般設定にアクセスできます。

たとえば、カートとチェックアウトページにフィールドを表示するかどうか、およびいくつかの基本設定を選択できます。

ただし、ほとんどのことは別のインターフェイスから行うため、ここには多くのことはありません。

2. 製品フィールドグループを作成する

表示する製品フィールドの各グループは、製品フィールドグループと呼ばれます。 Advanced Custom Fields プラグイン (ACF) に精通している場合、ACF はそれらを「フィールドグループ」とも呼んでいるため、この用語はおなじみのように思えます。

作成するには、 WooCommerce → Product Fields → Add Newに進みます。

ここでも、インターフェイスが ACF とほとんど同じであるため、ACF の類似性は続いています ( ACF は非常に使いやすいことがわかっているので、これは良いことです)。

3. フィールドを追加する

次に、グループに含める個々のフィールドを追加できます。

フィールドを追加するときは、最初にドロップダウンを使用してフィールドタイプを選択します。次に、そのタイプのフィールドに関連する設定を構成できます。

たとえば、色見本オプションを選択すると、(カラーピッカーを使用して) 使用するすべての色を追加したり、サイズや形状を調整したりできます。

これらの設定では、基本的な価格設定ルールを設定することもできます.

たとえば、色見本の場合、各色に価格調整 (上下) を割り当てることもできます。

他の分野でも同じ考えです。

たとえば、ファイルアップロードフィールドでは、受け入れられるファイルタイプを選択し、最大サイズを設定し、必要に応じて価格を調整できます。

価格設定以外にも、各フィールドで次の 2 つの重要な選択を行うことができます。

数量ベース– 顧客が (ネイティブの WooCommerce 数量ピッカーを使用して) 複数のアイテムを追加した場合、(この特定のフィールドの) 複数のフィールド入力を表示できます。
条件付きロジック– 条件付きロジックを使用して、このフィールドを表示/非表示にできます。

それらは次のようになります。

4.表示条件の作成

フィールドを追加したら、条件を使用して、このフィールドグループを添付する製品を制御できます。

表示ルールは、必要に応じて広範囲または対象を絞ることができます。すべての製品、個々の製品 (またはバリエーション)、またはその間の任意の場所に表示できます。

以下は、取得できる製品固有のオプションのすべてです。

製品
製品バリエーション
製品カテゴリ
商品属性
商品タグ
製品タイプ

これらのルールに加えて、商品以外の 2 つの条件でターゲティングすることもできます。

認証– 誰かがログインしているかどうか。
ユーザーロール– 特定のユーザーロールに対してのみ表示できます。たとえば、卸売顧客向けの特別なユーザーロールを持っている場合、これらの製品フィールドをそれらのユーザーにのみ表示できます。

ただし、ここで優れている点は、 ANDまたはOR条件の両方を使用して、これらのルールを必要なだけ組み合わせて一致させることができることです。

たとえば、次の場所に表示できます。

「ウィジェット」カテゴリの製品と「卸売」ユーザーロールを持つユーザー
または Blue widget 製品 (役割に関係なく)

5.レイアウト設定を構成する

条件の下で、フィールドグループのレイアウト設定をセットアップできます。ここで最も便利な機能の 1 つは、ユーザーの選択に基づいて製品イメージを変更できることです。

これを有効にすると、独自のルールを設定して、さまざまな製品画像をいつ表示するかを制御できます。

6. カスタム価格変数の設定 (オプション)

最後に、数式ベースの価格設定で使用するカスタム変数を設定するオプションがあります。

フィールドを追加するときに基本的な価格調整をすでに設定できるため、ここで何もする必要がない場合があります。実際、ほとんどの人はおそらくこの機能を必要としません。

簡単に言えば、これらのカスタム変数を使用すると、よりクリエイティブになり、フィールド入力を実際の価格計算式に挿入できます。

たとえば、壁紙を販売している場合、高さと幅を入力として受け入れることができます。次に、平方メートルを計算する数式を作成し、それに平方センチメートルあたりの価格を掛けます。

数式は次のようになります。

([field.5e8ecdf46ea7d]*[x])*0.005

詳細については、変数と数式の完全なドキュメントページをご覧ください。

7. フィールドグループを公開する

最後に、フィールドグループを公開するだけです。

選択した条件に一致するすべての製品が自動的に表示されます。

ここでは、いくつかのカスタムフィールドと、追加された価格を確認できます。

カスタムフィールドを製品に直接追加する

フィールドグループを作成し、条件を使用して製品に適用するだけでなく、プラグインを使用すると、カスタムフィールドを製品に直接追加することもできます。

[商品データ] ボックスに新しい [カスタムフィールド] タブが表示され、その商品だけにフィールドを追加するための同様のインターフェイスが提供されます。

WooCommerce 価格設定の高度な製品フィールド

WooCommerce の Advanced Product Fields には、WordPress.org の無料バージョンと、より多くの機能を備えたプレミアムバージョンの両方があります。

プレミアムバージョンを購入する主な利点の一部を次に示します (ただし、これは機能の違いの完全なリストではありません)。

ファイルのアップロードやスウォッチなど、より多くのフィールドタイプ。
ユーザー入力を受け入れずに商品ページにコンテンツを追加するためのコンテンツフィールド。
Ajax のカートへの追加のサポート。
割引を含む、より多くの価格設定オプション。
数量ベースのフィールド (訪問者が製品の数量を変更した場合にフィールドを追加します)。

プレミアムバージョンが必要な場合、プランは 1 つのサイトで 1 年間のサポートと更新を含む 59 ドルから、生涯サポートと更新で 159 ドルからです。上位プランには、さまざまなアドオンと機能が含まれています。

1 年間のライセンスの完全な価格は次のとおりです。

完全なライフタイムライセンスの価格は次のとおりです。

すべてのプランには 14 日間の返金保証が付いています。

プレミアムバージョン以外にも、式ベースの価格設定で高度なカスタムフィールドフィールドを使用するなど、特定のユースケースに必要な追加のニッチアドオンもあります。ここをクリックすると、これらのアドオンをすべて表示できます。

WooCommerce の高度な製品フィールドに関する最終的な考え

全体として、WooCommerce の Advanced Product Fields が提供する機能の深さに感銘を受けました。

多くの柔軟性が得られるため、プラグインは単純な製品アドオンだけでなく、条件付きロジックや価格計算式などを使用したより高度なセットアップの両方でもうまく機能します.

インターフェイスもとても気に入りました。高度なカスタムフィールドをかなり使用したことのある人として、プラグインは非常に親しみやすく、WooCommerce に合わせて調整されています。

ACF が通常のワークフローの一部である場合、WooCommerce の高度な製品フィールドにすぐに慣れることができます。また、ACF を使用したことがない場合でも、インターフェースは非常に理解しやすく、論理的に整理されています。

試してみたい場合は、WordPress.org から無料版をインストールして、多くの機能にアクセスできます。その後、プレミアムバージョンにアップグレードして、すべてのフィールドタイプと機能にアクセスできます。

高度な製品フィールドを取得