製品ページのカスタム属性 (WooCommerce が提供するよりも優れています)

公開: 2021-10-08

WooCommerce にカスタム属性を追加するのは非常に簡単です。 ただし、製品ページの追加情報セクションには引き続き表示されます。 今日は、WooCommerce よりも優れたカスタム属性を WooCommerce 製品ページに表示する方法を紹介します。 無料のプラグインを使用して、WooCommerce 製品を簡単にカスタマイズできるカスタム フィールドを作成します。

デフォルトでは、グローバルまたは製品固有の属性を使用できます。 しかし、WooCommerce には、属性フィールド タイプをカスタマイズする方法や、顧客が利用可能な製品機能に基づいて製品をカスタマイズできるようにする方法がありません

18 のフィールド タイプを使用して WooCommerce 製品属性を簡単に追加するために、優れたクリーンな UI を備えた無料のプラグインを使用してみましょう! 製品ページにそれらを表示して、 WooCommerce ストアでカスタマイズ可能な製品を許可し、売り上げを伸ばしましょう!

目次

  • WooCommerce の製品属性とカスタム属性
  • 無料の WooCommerce 拡張機能を使用したカスタム製品属性
  • プラグインの概要と詳細

WooCommerce の製品属性とカスタム属性

デフォルトでは、標準の WooCommerce 製品属性(グローバルまたは製品ベース) を使用できます。

WooCommerce のデフォルトの商品属性
WooCommerce のデフォルトの商品属性

Products → Attributesでグローバル属性を設定できます。 今後、すべての WooCommerce 製品で利用できるようになります。 もちろん、商品データ セクション → 属性 → カスタム商品属性を追加することで、商品の編集中に商品固有の属性を追加することもできます。

ただし、属性を追加するデフォルトの WooCommerce の方法では不十分な場合があります。 製品属性は、WooCommerce 製品ページの追加情報セクションにのみ表示されます。

ページ上の WooCommerce 製品属性
ページ上の WooCommerce 製品属性

無料の WooCommerce 拡張機能を使用したカスタム製品属性

WooCommerce 製品に属性を追加するより良い方法があります!

カスタム フィールドを WooCommerce 製品ページに追加する
カスタム フィールドを WooCommerce 製品ページに追加する

したがって、顧客は WooCommerce 製品ページでパーソナライズされた製品を簡単に購入できるようになります!

カスタマイズ可能な WooCommerce 製品を販売する
カスタマイズ可能な WooCommerce 製品を販売する

さらに、18 のフィールド タイプを使用できます。

無料のプラグインをダウンロードして、カスタム属性と新しいフィールドを備えたより優れた WooCommerce 製品の構築を始めましょう!

柔軟な商品分野 WooCommerce

刻印、ギフトラッピング、ギフトメッセージ、名刺、切手を販売する製品ウィザードを作成し、必要に応じて課金 (固定またはパーセンテージ) します。

無料でダウンロードまたはWordPress.org にアクセス
10,000以上のアクティブなインストール
最終更新日: 2023-03-13
WooCommerce 7.1 - 7.5.x で動作
フレキシブル チェックアウト フィールドを知っていますか? このプラグインを使用すると、WooCommerce チェックアウト ページを無料でカスタマイズできます。 また、プラグインを完全に無料でダウンロードすることもできます!

柔軟なチェックアウト フィールド WooCommerce

WooCommerce チェックアウト フォームから不要なフィールドを編集、追加、または非表示にします。 コンバージョンとユーザー エクスペリエンスの向上がすべてです。

無料でダウンロードまたはWordPress.org にアクセス
80,000以上のアクティブなインストール
最終更新日: 2023-03-13
WooCommerce 7.1 - 7.6.x で動作

柔軟な商品フィールド パネルの変更点

柔軟な製品フィールドパネルは、ReactJS に基づいたモダンで使いやすい設定になりました。 これは、複合ユーザー インターフェイスの構築に使用される効率的で宣言的な JavaScript ライブラリです。 ReactJS を使用すると、開発者は分離された小さなコード (コンポーネントと呼ばれる) を使用して UI を作成できます。 これにより、既存のコードを面倒に書き直すことなく、新しい属性、オプション、および機能を追加できます。

柔軟な商品フィールド - カスタム属性、オプション、フィールドを追加
これが、これからの柔軟な製品フィールドの外観です

サンプル フィールド設定

プラグイン内の製品カスタム フィールド設定
無線フィールド設定
プラグインの新しいユーザー パネル
サンプル無線フィールドに追加料金を追加する
商品属性を簡単に追加できる新しい UI 柔軟な商品フィールド
条件ロジックの設定

プラグインの更新をお忘れなく

WP ダッシュボードに両方が存在する場合は、 Flexible Product Fieldsの無料バージョンと PRO バージョンを更新することが重要です。 バージョンは相互に互換性があり、パネルに警告は表示されません。 詳細については、プラグインのドキュメントを参照してください。

全体として、グループ設定を含む更新されたパネルが新しいウィンドウに表示されます。 以前のバージョンと同じオプションが含まれています。 ただし、新しいオプションを簡単に追加できるように、フィールド設定はタブ化されます

古いフィールド カードには、設定と情報があふれていました。 さらに追加すると、パネル内を移動するのが難しくなります。

しかし、最も目に見える変化はもちろん、クリーンでモダンなデザインです。 変更が好評であることを願っています!

フレキシブル プロダクト フィールドをまだご存じない場合は、今すぐ試乗してください。 以下のリンクをクリックして、完全に無料でダウンロードしてください

柔軟な商品分野 WooCommerce

刻印、ギフトラッピング、ギフトメッセージ、名刺、切手を販売する製品ウィザードを作成し、必要に応じて課金 (固定またはパーセンテージ) します。

無料でダウンロードまたはWordPress.org にアクセス
10,000以上のアクティブなインストール
最終更新日: 2023-03-13
WooCommerce 7.1 - 7.5.x で動作

プラグインの概要と詳細

今日は、カスタム製品属性を追加して WooCommerce 製品ページに表示する方法を紹介しました。 新しい属性、カスタム フィールド、および複数の製品オプションに基づいて、顧客がパーソナライズされた WooCommerce 製品を購入できるようにしましょう!

ご不明な点がございましたら、下にコメントを残してください。