検索結果ページのデザイン

検索結果ページは、顧客の検索クエリに一致する商品を返します。ニーズに基づいて検索結果ページをカスタマイズできます。

デザインの作成

SHOPLINEの管理画面から、アプリ > Shopper App > アプリデザインに移動し、デザインボタンをクリックしてデザインエディタにアクセスします。上部のドロップダウンメニューから検索結果ページを選択します。

左側のペインでは、最初のパーツは検索結果の例で、検索結果をテストおよびプレビューできます。検索語を入力すると、中央のペインに結果が表示されます。検索体験を向上させるために、同義語の設定やキーワードのリダイレクト、検索結果での商品のプロモーションについては、スマート検索による検索体験の向上を参照してください。

現在、検索結果ページに掲示板を追加できます。掲示板はページの上部に表示されます。トップページの掲示板と同期させるか、別々に設定することができます。

• トップページの通知バーから同期：掲示板に変更を加えることはできません。
• 独立して設定：テキスト、色、表示スタイルを編集でき、必要に応じて公開時間を設定できます。掲示板には最大3つの告知を表示できます。告知は削除できませんが、必要に応じて非表示にしたり編集したりできます。

さらに、ユーザーがスクロールしても表示される浮遊アイコンを検索結果ページに追加できます。このアイコンは、顧客サポートの効率を向上させたり、キャンペーンのエンゲージメントを促進したりするために、ライブチャットサービスまたはイベントページにリンクできます。

2つの設定オプションがあります：トップページの浮遊アイコンから同期を選択すると、アイコンはトップページの設定を引き継ぎ、変更できません。独立して設定を選択すると、検索結果ページ専用の別の浮遊アイコンを設定でき、以下の設定を含めることができます：

• 基本設定：アイコンに名前を付け、位置を選択し、アプリに表示するアイコン画像をアップロードします。
• 機能タイプ：アイコンがイベントページまたはライブチャット機能にリンクするかを選択します：
  • イベントページを選択した場合：リダイレクト先のページを設定します。
  • ライブチャットを選択した場合：
    • 使用するチャットサービスを選択します。Shopper Appは現在、リアルタイムの顧客サポートのためのAI駆動のソリューションであるShulexとの統合をサポートしています。詳細については、このガイドを参照してください。
    • 未読メッセージ通知を有効にするかどうかを決定します。有効にすると、未読メッセージがあることを通知する赤い点が表示されます。
• 有効化時間：オプションで、浮遊アイコンを公開するスケジュールを設定します。

デザインの公開

編集が完了し、プレビューで全てが正しく表示されていることを確認したら、右上の適用ボタンをクリックしてデザインをアプリに公開します。公開を保留したい場合は、保存をクリックして編集内容を保持できます。