ストアフロントとは？

Adobe CommerceまたはMagento Open Sourceの実装内では、ストアフロントは、ストアの外部に面した公開部分です。 顧客が購入に使用するコンテンツと機能コンポーネントを提供します。

顧客が販売に至るパスは、購入へのパス と呼ばれることもあります。また、ストアフロントには、顧客がこのパスを完了するためのコンポーネントが含まれています。 以下の節では、戦略的な価値を提供する基本的なページタイプ（ストアでの買い物の際に顧客が通常訪問する場所）の概要を説明します。 レビューする際には、カスタマージャーニーの各段階で使用できる様々なストア機能を検討します。

ホームページ

ほとんどの人は、滞在や他の場所への移動を決定する前に、ページに数秒しか費やさないことを知っていましたか？ 印象を与えるのはそんなに長くない。 研究は、人々が特に他の人々の写真も愛することを示しています。 どのデザインを選択しても、ホームページ上のすべての情報は、訪問者を販売プロセスの次のステップに向けて移動させる必要があります。 このアイデアは、関心のあるポイントから次のポイントへとまとまりのあるフローで彼らの注意を導くことです。

カタログページ

カタログページのリストには、通常、小さな製品画像と簡単な説明が含まれ、リストまたはグリッドとして書式設定できます。 ブロック、ビデオ、キーワードに富んだ説明を追加したり、プロモーションやシーズン用に特別なデザインを作成したりできます。 特別なカテゴリを作成して、様々なカテゴリの製品を厳選したコレクションであるライフスタイルやブランドを特集することもできます。

最初の製品説明では、通常、買い物客が詳しく見るのに十分な情報を提供します。 自分が何を求めているかを知っているユーザーは、製品を買い物かごに追加して出発できます。 アカウントにログインして買い物をされるお客様は、パーソナライズされたショッピングエクスペリエンスをお楽しみいただけます。

検索結果

検索を使用するユーザーは、ナビゲーションだけに依存するユーザーと比べて、購入する可能性がほぼ 2 倍であることをご存知ですか？ これらの買い物客を 事前認定済み と見なす場合があります。

Live Search

Live Search for Adobe Commerceを使用すると、ストアは迅速で非常に関連性が高く直感的な検索エクスペリエンスを提供し、Adobe Commerceでも追加料金なしで利用できます。

標準カタログ検索

標準のカタログ検索を使用すると、ストアの右上隅に検索ボックスが表示され、フッターに詳細検索へのリンクが表示されます。 買い物客が送信したすべての検索用語が保存されるので、買い物客が探しているものを正確に確認できます。 候補を提示したり、同義語やよくあるスペルミスを入力したりできます。 検索語句を入力すると、特定のページが表示されます。

{width="700"} 例

製品ページ

商品ページは盛りだくさんです！ 商品ページでまず目をひくのが、高解像度のズームとサムネールギャラリーを備えたメイン画像です。 価格と在庫に加えて、詳細情報と関連製品のリストを含むタブ付きセクションがあります。

ショッピングカート

カートは、注文の合計を決定できる場所、割引クーポン、推定送料、税金、信頼バッジとシールを表示するのに最適な場所です。 また、最後の 1 つのアイテムを提供する理想的な機会でもあります。 クロスセルとして、特定の商品がカートに表示されるたびに、特定の商品を選択して衝動購入として提供できます。

チェックアウトページ

チェックアウトプロセスは、次の 2 つの手順で構成されます。

ページの上部にあるプログレスバーはチェックアウトプロセスの各ステップに従い、注文の概要 には、ここまでに入力された情報が表示されます。