たくさんの素晴らしい商品を扱う新しいWooCommerceストアの立ち上げがどれほどエキサイティングであるかは、私たちも承知しています。しかし、在庫が増えるにつれて、顧客が欲しいものを正確に見つけるのが難しくなります。
訪問者は、単一のシャツやアクセサリーを見つけるために、ページからページへとランダムな商品をスクロールしなければならないことがよくあります。このフラストレーションは、通常、何も購入せずにサイトを離れる原因となります。
これを修正する最善の方法は、買い物客が特定のカテゴリで商品をフィルタリングできるようにすることです。これは、関心のあるストアのセクションに直接誘導するマップのように機能します。
このガイドでは、WooCommerceの商品をカテゴリ別にフィルタリングする方法を説明します。
WooCommerceでカテゴリ別にフィルタリングを設定する理由
何百もの商品がある場合、顧客は特定の商品を見つけようとして迷子になることがよくあります。
カテゴリフィルターを追加することで、買い物客はWooCommerceの商品選択を即座に絞り込むことができます。これにより、フラストレーションを感じることなく、必要なものを正確に見つけることができます。
この簡単な変更は、顧客をより幸せにし、ビジネスの売上を向上させます。散らかったWooCommerceストアを簡単なショッピング体験に変えます。
しかし、過去には、WooCommerceにフィルターを追加することは、私たちが話した多くのサイト所有者にとって大きな頭痛の種でした。
通常、簡単な並べ替えオプションを取得するために、開発者を雇うか、高価なソフトウェアを購入する必要がありました。
さらに悪いことに、自分でコーディングしようとすると、チェックアウト、ストアページ、またはウェブサイト全体を壊してしまうリスクがありました。一つのミスがビジネス全体をオフラインにする可能性があり、それは恐ろしいことです。
とはいえ、ストアに商品カテゴリフィルターを追加する簡単な方法を見てみましょう。
WooCommerceの商品をカテゴリ別にフィルタリングする
ストアにカテゴリフィルターを追加する最も簡単な方法は、WPFiltersを使用することです。
WPFiltersは、非常に使いやすいため、WordPressの最高のフィルタリングプラグインです。最も良い点は、一行のコードを書かずにプロフェッショナルなフィルターを作成できることです。
SearchWPのチームによって構築されているため、データを効率的に処理できることを私たちは知っています。これは、複雑なフィルタリングオプションがあっても、サイトが高速に動作することを意味します。
このツールを使用すると、顧客がカテゴリ、タグ、または価格、サイズ、素材などのカスタムフィールドやその他の属性で商品を数秒で並べ替えるのを支援できます。
WooCommerceと完全に統合されており、ストアのナビゲーションを大幅に容易にします。さらに、カスタマイズオプション、複数のフィルターオプション、共有可能なURLなどが利用できます。
それでは、WooCommerceサイトでこれを機能させるための手順を見てみましょう。
ステップ 1: WPFilters のインストールと有効化
まず、SearchWPのウェブサイトにアクセスし、WPFiltersアカウントにサインアップする必要があります。
アカウントをお持ちの場合は、ダッシュボードの**ダウンロード**タブに移動してください。
次に、**WPFiltersのダウンロード**ボタンをクリックし、プラグインのZIPファイルをコンピュータに保存します。
また、ライセンスキーはすぐに必要になるため、このページからコピーしておくことをお勧めします。
これで、プラグインファイルをサイトにアップロードしてインストールする必要があります。方法がわからない場合は、WordPressプラグインのインストール方法に関するこのガイドを参照してください。
プラグインを有効化すると、セットアップウィザードが表示されます。「開始」ボタンをクリックして、指示に従ってセットアップを完了してください。
ステップ2：新しいWooCommerceカテゴリフィルター要素を追加する
まず、WordPressダッシュボードからWPFilters » Elementsに移動する必要があります。
そこに移動したら、新規追加ボタンをクリックして、空のフィルターを作成します。
まず、フィルターにタイトルを付けて、後で簡単に見つけられるようにします。たとえば、「商品カテゴリ」や、フィルターを整理するための同様の名前を付けることができます。
次に、使用したいフィルターの種類を選択する必要があります。たとえば、カテゴリにチェックボックスを使用すると、顧客は一度に複数のオプションを選択できます。
リストのチェックボックスオプションをクリックしてください。画面の右側にライブプレビューが表示されます。
次に、フィルターに表示する情報を正確に伝える必要があります。
データソースセクションまでスクロールダウンして、ドロップダウンメニューをクリックするだけです。
訪問者がカテゴリに基づいて商品を並べ替えられるようにするため、オプションのリストから商品カテゴリを選択する必要があります。
これにより、WPFiltersがWooCommerceの商品から正しい分類を取得することが保証されます。
ステップ3：WooCommerceカテゴリフィルターをカスタマイズする
データを接続した後、フィルターを希望どおりの外観にすることができます。
これを行うには、コンテナセクションまでスクロールダウンします。
ここでは、タイトルを表示するオプションを有効にして、WooCommerceストアにフィルターラベルを表示できます。フィルターを折りたたみ可能にするか水平にするかも選択できます。
次に、その下のアイテムセクションを確認してください。
ここでは、各カテゴリ名の横に商品の数を表示することを選択できます。これは、クリックする前に利用可能な商品の数を確認したい顧客に役立ちます。
見た目に満足したら、ページの上部にある保存ボタンをクリックするだけです。
画面の右側にもフィルターのライブプレビューが表示されます。
ステップ4：カテゴリフィルターをWooCommerceショップページに埋め込む
フィルターの準備ができたので、顧客が見て使用できる場所に配置する必要があります。
WooCommerceサイトではサイドバーがこれらのフィルターに最も便利な場所であることがわかりました。このチュートリアルではそれを示します。
ただし、WPFiltersは複数の埋め込みオプションを提供しており、ウェブサイトの任意のページまたは投稿にフィルターを表示できます。
まず、WordPressダッシュボードの外観 » ウィジェットに移動できます。次に、テーマがショップページに使用している特定のサイドバー領域を探します。
次に、+ ボタンをクリックして新しいウィジェットブロックを追加し、WPFilters Element を検索します。
ただし、これは使用している WooCommerce のテーマによって異なる場合があることに注意してください。
ブロックを追加したら、設定パネルの [要素設定] ドロップダウンメニューから、以前に作成した「商品カテゴリー」フィルターを選択するだけです。
最後に、更新 ボタンをクリックして変更を保存します。
ステップ 5: 商品カテゴリーフィルターをテストする
商品カテゴリーフィルターを WooCommerce ストアに追加したら、次のステップはそれをテストすることです。
まず、ストアにアクセスして、新しいカテゴリーフィルターがサイドバーで正常に機能していることを確認できます。
ここから、商品カテゴリーを選択するだけで、正しい商品がストアに表示されるかどうかを確認できます。
たとえば、デモストアで「化粧品」で商品をフィルター処理し、正しい商品がフィルターされるかどうかを確認します。
ご覧のとおり、商品は並べ替えられ、「化粧品」カテゴリーの商品のみが表示されます。これは、フィルターが正しく機能していることを意味します。
WooCommerce 商品カテゴリーフィルターに関する FAQ
1. これらのフィルターを追加するためにコーディングの知識が必要ですか？
まったく必要ありません。このガイドでは WPFilters を特に選択しました。これは、すべての技術的な作業を処理してくれるからです。ダッシュボードで数回クリックするだけで、複雑なフィルターを設定できます。
2. 顧客がタグや価格でフィルターできるようにできますか？
はい、できます。新しいフィルター要素を作成し、データソースとして「商品タグ」または「価格」を選択するだけです。このチュートリアルで作成したカテゴリーフィルターと同じように機能します。
3. 現在の WordPress テーマで動作しますか？
私たちの経験では、WPFilters は適切にコーディングされたほとんどすべての WordPress テーマでうまく機能します。多くのサイトセットアップでテストしましたが、ウィジェットエリアとスムーズに統合されます。
この記事が WooCommerce 商品をカテゴリー別にフィルターする方法を学ぶのに役立ったことを願っています。また、WooCommerce ショップページに商品が表示されない問題を修正する方法やWooCommerce に Ajax 検索を追加する方法に関するガイドも参照してください。
オンラインストアに強力なフィルターを追加する準備はできましたか？ここから WPFilters を使い始めることができます。
