(oneechanblog) – WooCommerce製品の検索結果ページをカスタマイズしますか？
デフォルトでは、WordPressとWooCommerceの検索機能は制限されています。 商品の検索結果をカスタマイズすることで、売り上げを伸ばし、ビジネスを成長させることができます。
この記事では、WooCommerceの製品検索結果ページをカスタマイズしてユーザーエクスペリエンスを向上させる簡単な方法をいくつか紹介します。
WooCommerce製品の検索結果ページをカスタマイズする理由
デフォルトでは、WooCommerceには組み込みの製品検索機能があります。 ただし、重大な制限があります。 これは、顧客が探している製品を見つけることができないことを意味します。
その結果、潜在的な売上を失う可能性があります。 あなたの顧客が彼らが探しているものを見つけることができないならば、彼らはおそらくあなたのオンラインストアに戻らないでしょう。
どうしてそうなった？ デフォルトのWooCommerce検索では、投稿とページのタイトル、コンテンツ、引用のみがインデックスに登録されます。 検索を実行するときに、カスタムフィールドのコンテンツは考慮されません。
多くのWooCommerce製品データがカスタムフィールドに保存されているため、これは問題です。 その結果、商品カテゴリ、タグ、レビュー、その他の特別な属性はインデックスに登録されません。
幸い、WooCommerce製品検索プラグインを使用することでこの問題を解決できます。
それでは、WooCommerceの製品検索結果ページを改善する方法の例をいくつか見てみましょう。
このガイドから学ぶことは次のとおりです。 リンクをクリックすると、興味のあるセクションにジャンプできます。
WooCommerceの商品データを検索可能にする
検索結果ページに表示する製品をカスタマイズする
製品の検索結果をライブモードで表示する
部分一致およびその他の高度な機能を検索する
WooCommerceの商品データを検索可能にする
最初に行う必要があるのは、SearchWPプラグインをインストールしてアクティブ化することです。 詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。
SearchWPは、WordPressに最適なカスタム検索プラグインであり、30,000を超えるWebサイトで使用されています。 また、顧客により関連性の高い製品結果を提供するため、WooCommerceに最適なプラグインの1つです。
ノート： WooCommerce統合にアクセスするには、少なくともProプランが必要です。
アクティベーション後、アクセスする必要があります SearchWP»設定 [サポート]タブに切り替えて、ライセンスキーを入力します。 SearchWPページのアカウントエリアで見つけることができます。
次に、WooCommerceIntegration拡張機能をインストールしてアクティブ化する必要があります。
SearchWP Webサイトのアカウント領域からダウンロードして、他のWordPressプラグインと同じようにインストールできます。
これで、SearchWPカスタム検索エンジンを設定する準備が整いました。
単にに行く SearchWP»設定 [エンジン]タブが表示されていることを確認してください。 そこに到達したら、[電源と設定]ボタンをクリックする必要があります。
これにより、[製品]の横のチェックボックスがオンになっていることを確認する必要があるポップアップが表示されます。 これにより、SearchWPでWooCommerce製品のインデックスを作成できます。
WooCommerceの製品レビューはコメントとして保存されます。 レビューを検索可能にする場合は、[コメント]チェックボックスもオンにする必要があります。
それが終わったら、[完了]ボタンをクリックしてポップアップを閉じます。
次に、[製品]セクションまで下にスクロールする必要があります。 デフォルトでは、プラグインは製品のタイトル、本文（説明）、スラッグ、およびスニペット（簡単な説明）のみを考慮することに注意してください。
これにより、特定のカスタムフィールドと分類法を検索に含めることができるポップアップが表示されます。 このチュートリアルでは、「color」と「size」のカスタムフィールド、および「productcategory」と「producttag」の分類を追加しました。
次に、各属性の重みを調整できます。 検索結果で特定のプロパティをより重要にする場合は、スライダーを右に移動するだけです。
完了したら、先に進み、画面上部の[エンジンの保存]ボタンをクリックして設定を保存します。
その後、SearchWPはバックグラウンドで検索インデックスの再構築を開始します。 これで、プラグインはより関連性の高い検索結果をWooCommerceストアに配信できるようになります。
SearchWPは、オンラインストアの検索フォームを自動的に使用します。 ただし、さらに検索フォームが必要な場合は、カスタムWordPress検索フォームを作成する方法に関するステップバイステップガイドを確認してください。 また、カスタムCSSを使用して結果ページのスタイルを設定する方法についても説明します。
これで、WooCommerceストアにアクセスして検索機能を試すことができます。 商品カテゴリ「フェルトジャケット」を検索すると、そのカテゴリのすべての商品が表示されます。
詳細については、スマートなWooCommerce製品検索を行う方法に関するガイドをご覧ください。
検索結果ページに表示する製品をカスタマイズする
デフォルトでは、SearchWPはオンラインストア内のすべての製品を検索結果に含めます。 ただし、表示する製品と表示しない製品を指定することもできます。
たとえば、製品が製造中止になった場合や在庫切れの場合など、特定の条件に該当する場合は、製品を自動的に除外できます。 または、セール中または送料無料の商品を紹介することもできます。
たとえば、AeroPress WooCommerceストアでは、送料無料の商品を検索できます。 これは、購入する際の顧客にとって大きな割引です。
開始するには、SearchWPの[製品]セクションにある[ルールの編集]ボタンをクリックする必要があります。
現在、ルールはありません。 必要な数のルールを作成できます。
最初のルールを作成するには、[ルールの追加]ボタンをクリックする必要があります。
商品が検索結果に表示または除外される条件を指定できるようになりました。 このガイドでは、在庫がないすべての製品を除外します。
最初に、最初のドロップダウンメニューから[エントリを除外する]を選択する必要があります。 次に、「製品の可視性」分類法を選択し、その横のフィールドに「在庫切れ」と入力します。
必要に応じて、[OR]ボタンをクリックして除外する必要のある条件を追加できます。 ルールの追加が完了したら、[完了]ボタンをクリックします。
これで、上部にある[エンジンの保存]ボタンを押して変更を保存するだけです。
SearchWPルールを使用する方法の詳細については、WordPress検索から特定のページや作成者などを除外する方法に関するガイドを参照してください。
ライブモードで商品検索結果を表示する
ライブ検索は、顧客がクエリを入力したときに検索結果を自動的に表示することで、WooCommerceストアでの検索エクスペリエンスを向上させます。
たとえば、Good Dye Youngは、メイクアップやヘアケア製品の直接検索結果を提供しています。
顧客が検索クエリを入力している間、関連する製品や記事が即座に表示されるため、ユーザーエクスペリエンスが向上します。
このソフトウェアを自分のストアに追加するには、無料のSearchWP Live AjaxLiteSearchプラグインをインストールしてアクティブ化するだけです。 詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。
アクティベーションされると、WooCommerce検索フォームは自動的にライブ検索を提供します。
詳細については、WordPressサイトにライブ検索を追加する方法に関するガイドを参照してください。
部分一致およびその他の高度な機能を検索する
部分一致は、単語全体を入力したり、スペルを使用したりしなくても、顧客が探しているものを見つけるのに役立ちます。
たとえば、Magna-Tilesオンラインストアでは部分一致が有効になっています。 顧客は、検索結果で製品名を見つけることができるように、製品名の一部を入力するだけで済みます。
SearchWPで部分一致を有効にするには、次の場所に移動する必要があります SearchWP»設定 [詳細設定]タブをクリックします。
このページでは、ユーザーが探しているものを簡単に見つけられるようにするいくつかの設定を有効にすることができます。
必要な次のオプションのいずれかを選択します。
部分一致では、検索対象の用語と完全に一致しない結果も表示されます。
自動「どういう意味ですか？」 編集すると、オンラインストア内のより多くの製品に一致するわずかに異なる検索用語が提案されます。
「引用符/フレーズ検索」のサポートにより、ユーザーは正確な用語を検索するときに引用符を使用できます。
結果で用語を強調表示すると、顧客が検索結果で探しているものを見つけやすくなります。
このガイドが、WooCommerce製品の検索結果ページをカスタマイズする方法を学ぶのに役立つことを願っています。 また、WooCommerceで卸売価格を追加する方法を学習したり、最高のEメールマーケティングサービスのリストを確認したりすることもできます。
この記事が気に入った場合は、WordPressビデオチュートリアルのYouTubeチャンネルに登録してください。 あなたはまた私たちを見つけることができます ツイッター とFacebook。
投稿「WooCommerce製品の検索結果ページをカスタマイズする方法」は、WPBeginnerに最初に掲載されました。