WooCommerce ストアで商品検索フィルターを設定する方法は?

によるウーコマースストアで商品検索フィルターを設定すると、訪問者は検索範囲を絞り込み、ストアに表示されているさまざまな種類の商品を簡単に閲覧し、興味のある商品をすばやく見つけることができるため、ユーザー エクスペリエンスが向上し、ショッピング プロセス全体が強化されます。この記事では、WooCommerce ストアで商品検索フィルターを設定する方法について説明します。

WooCommece は、さまざまな主流の WodPess テーマやプラグインと互換性のある強力な WodPess 電子商取引プラグインです。 WooCommerce ストアで商品検索フィルターを設定する場合、最も簡単な方法は Product Filte などのプラグインを使用することです。このフリーミアム プラグインを使用すると、顧客は価格、タグ、属性、カテゴリなどのさまざまな基準に基づいて、ストアに表示される製品を簡単にフィルタリングできます。

Poduct Filte プラグインで利用可能なすべての基準は完全にカスタマイズ可能であり、自分 (および顧客) のニーズに最適な方法で製品のフィルターを設定できます。ラジオ ボタンのリスト、チェック ボックスのリスト、ドロップダウン リストなど、さまざまな方法でフィルターを表示することもできます。また、フィルターを追加するときは、ライブプレビュー機能を使用します。ページにフィルターを追加するのも簡単です。ショートコードを使用して挿入したり、ウィジェットを使用してページのサイドバーに追加したりすることもできます。

WooCommece ストアのバックエンドにログインし、「Woo プロダクトフィルター」>>「新しいフィルターの追加」を選択し、必要なフィルター名を入力し、設定後、「保存」ボタンをクリックします。

次に、WooCommerce ストアの検索フィルター要素に追加するすべてのフィルターをすぐに選択できます。ここでは、ドロップダウン リストから目的のフィルターを選択し、「追加」をクリックするだけです。価格/価格帯、並べ替え、製品カテゴリ/タグによる並べ替え、属性、評価、特別セールなど、利用可能なオプションがいくつか表示されます。

たとえば、価格フィルターを追加する場合は、フィルターのタイトルを変更したり、説明を追加したりできます。その後、矢印を使用してドロップダウン メニューを開くと利用可能になるその他の便利な設定を調整することもできます。

ここでのオプションには、価格の入力フィールドを表示する機能、通貨の表示方法と位置を選択する機能、最小/最大価格を設定する機能（プラグインの Po バージョンで利用可能なオプション）などがあります。フィルター オプションをカスタマイズするプロセス全体を通して、画面の右側にプレビューが表示されます。

検索製品フィルターの設定が完了したら、あとはそれを WooCommerce ストアページに追加するだけです。ここでは、ショートコードまたは検索フィルターウィジェットを使用してこれを行います。

ショートコードを使用してフィルターを挿入するには、すべてのフィルター オプションの上にあるショートコードをコピーするだけです。

次に、フィルターを追加したいページにアクセスし、「ショートコード」ブロックにショートコードを貼り付けます。

設定を保存したら、「プレビュー」をクリックして、WooCommerce ショップページに表示される製品フィルターを確認できます。

方法 2: 価格フィルター ウィジェットを使用して、ウィジェット領域に価格フィルターを簡単に追加することもできます。ストアのダッシュボードから、「Appence >> Widgets」を選択し、ウィジェットの右側にある「Woo Poduct Filte」オプションをクリックして、目的のウィジェット領域に追加します。