関連商品を表示する

商品を閲覧中の買い物客に⁠、同じカテゴリ⁠ー内の他の商品を提案します⁠。

最終更新日 2025年1月20日

買い物中の顧客に関連商品をおすすめして⁠、ストアを探索するよう促します⁠。カテゴリ⁠ーまたはタグに基づいて⁠、関連商品が商品詳細ペ⁠ージに表示されます⁠。これは⁠、買い物客が探している商品を見つけたり新しい商品を発見したりしやすくするための優れた方法です⁠。関連商品は⁠、すべての商品タイプに表示できます⁠。

任意のアドオンとして関連商品や補完商品を表示して⁠、注文にさらに商品を追加するよう顧客を誘導する方法については⁠、「⁠アドオン商品を販売する⁠」をご覧ください⁠。収益を増やすためのヒントについては⁠、「⁠ストアの売上を促進する⁠」をご覧ください⁠。

この機能へのアクセス

関連商品は⁠、コア⁠、プラス⁠、アドバンス⁠、コマ⁠ース ベ⁠ーシ⁠ック⁠、コマ⁠ース アドバンスの各プランで利用できる機能です⁠。詳細については⁠、「⁠適切なSquarespaceプランを選択する⁠」をご覧ください⁠。

始める前に

関連商品を提案するには⁠、すべての商品にカテゴリ⁠ーとタグを追加します⁠。

関連商品を表示する

関連商品を表示する方法は⁠、次の通りです⁠。

  1. [⁠関連商品⁠] パネルを開きます⁠。
  2. [⁠関連商品を表示⁠] トグルをオンにします⁠。
  3. セクシ⁠ョン タイトルをクリ⁠ックして⁠、関連商品セクシ⁠ョンを紹介するためのテキストをカスタマイズします⁠。既定では⁠、「⁠お客様への他のおすすめ⁠」と表示されます⁠。
  4. 商品の表示形式を選択するには⁠、[⁠表示オプシ⁠ョン⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーをクリ⁠ックします⁠。
    • ランダム - カテゴリ⁠ーやタグに含まれる商品をランダムに表示します⁠。
    • 最近追加されたアイテム - カテゴリ⁠ーやタグに含まれる最新の商品を表示します⁠。
    • 最高数量 - カテゴリ⁠ーやタグに含まれる商品で在庫水準が最も高いものを表示します⁠。
  5. [⁠保存⁠] をクリ⁠ックします⁠。

関連商品セクシ⁠ョンには同じストア ペ⁠ージの商品しか表示されないことにご注意ください⁠。

関連商品の表示形式

関連商品は商品詳細ペ⁠ージの下部に表示され⁠、同じストア ペ⁠ージから最大5件の商品を表示します⁠。表示される関連商品の件数をカスタマイズすることはできません⁠。

既定では⁠、関連商品セクシ⁠ョンでは商品の最初のカテゴリ⁠ーが使用されます⁠。別のカテゴリ⁠ーまたはタグに基づいて関連商品を表示するには⁠、商品を編集してください⁠。

  1. 商品エデ⁠ィタ⁠ーで [⁠販売ツ⁠ール⁠] をクリ⁠ックします⁠。
  2. [⁠関連商品⁠] をクリ⁠ックします⁠。
  3. ドロ⁠ップダウンをクリ⁠ックして⁠、関連商品の提案に使用するタグまたはカテゴリ⁠ーを選択します⁠。[⁠オフ⁠] を選択して⁠、そのアイテムの商品セクシ⁠ョンを無効にすることもできます⁠。
  4. [⁠適用⁠] をクリ⁠ックします⁠。
  5. [⁠保存⁠] をクリ⁠ックします⁠。

以下のフ⁠ィ⁠ールドは⁠、関連商品ごとに表示されます⁠。

  • アイキ⁠ャ⁠ッチ画像
  • タイトル
  • 料金

正確なレイアウトはテンプレ⁠ートによ⁠って異なります⁠。Brineテンプレ⁠ートでは次のように表示されます⁠。

Screen_Shot_2019-09-12_at_11.15.40_AM.png

関連商品のスタイルを設定する

関連商品セクシ⁠ョンのスタイルを設定する方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

関連商品セクシ⁠⁠ョンは⁠⁠、ストア セクシ⁠⁠ョンのスタイルの微調整オプシ⁠⁠ョンに従います⁠⁠。フ⁠⁠ォントはサイトのフ⁠⁠ォント微調整オプシ⁠⁠ョンに従います⁠⁠。

セクシ⁠⁠ョン タイトルのフ⁠⁠ォントとテキスト サイズは⁠⁠、見出しセクシ⁠⁠ョンの [⁠⁠見出し2⁠⁠] の微調整オプシ⁠⁠ョンに従います⁠⁠。色を変更する方法は次の通りです⁠⁠。

  1. [⁠⁠カラ⁠⁠ー⁠⁠] パネルに移動し⁠⁠、ストア ペ⁠⁠ージに適用されているセクシ⁠⁠ョンテ⁠⁠ーマをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠見出し (⁠⁠大⁠⁠)⁠⁠] の微調整オプシ⁠⁠ョンを変更します⁠⁠。

バ⁠⁠ージ⁠⁠ョン7⁠⁠.0で関連商品のスタイル設定にアクセスする方法は⁠⁠、テンプレ⁠⁠ートがサポ⁠⁠ートするストア ペ⁠⁠ージの種類によ⁠⁠って異なります⁠⁠。一部のスタイル オプシ⁠⁠ョンも⁠⁠、ストア ペ⁠⁠ージの種類に応じて異なります⁠⁠。

  • クラシ⁠⁠ック ストア ペ⁠⁠ージ - 関連商品を表示するアイテム ペ⁠⁠ージを開きます⁠⁠。サイト スタイルで⁠⁠、[⁠⁠商品⁠⁠: 関連商品⁠⁠] セクシ⁠⁠ョンまでスクロ⁠⁠ールします⁠⁠。
  • アドバンスト ストア ペ⁠⁠ージ - ストア ペ⁠⁠ージでサイト スタイルを開き⁠⁠、[⁠⁠商品⁠⁠: 詳細⁠⁠] をクリ⁠⁠ックします⁠⁠。

スタイルを変更するには⁠⁠、以下の微調整オプシ⁠⁠ョンを使用します⁠⁠。

  • 行あたりのアイテム数 - 行ごとに表示する関連商品の数を調整します⁠⁠。
  • アイテムの間隔 - 関連商品の間隔を調整します⁠⁠。
  • 画像の縦横比 - アイキ⁠⁠ャ⁠⁠ッチ画像の縦横比を変更します⁠⁠。
  • 詳細の配置⁠⁠: 中央⁠⁠、左 - 商品のタイトルと価格のテキストの配置をずらします⁠⁠。
  • アイテムとタイトルの間隔 - 商品タイトルとアイキ⁠⁠ャ⁠⁠ッチ画像の間隔を設定します⁠⁠。

セクシ⁠⁠ョン タイトルのフ⁠⁠ォント⁠⁠、テキスト サイズ⁠⁠、色を編集する方法は⁠⁠、テンプレ⁠⁠ートがサポ⁠⁠ートするストア ペ⁠⁠ージの種類によ⁠⁠って異なります⁠⁠。

  フ⁠⁠ォントとテキスト サイズ
アドバンスト コンテンツ⁠⁠: フ⁠⁠ォント セクシ⁠⁠ョンの [⁠⁠見出し2⁠⁠] コンテンツ⁠⁠: 色セクシ⁠⁠ョンの [⁠⁠見出し2⁠⁠]
クラシ⁠⁠ック タイポグラフ⁠⁠ィ⁠⁠ー セクシ⁠⁠ョンの [⁠⁠見出し2⁠⁠] 色セクシ⁠⁠ョンの [⁠⁠見出し2⁠⁠]
Galapagos [⁠⁠カスタム見出し⁠⁠] を有効にし⁠⁠、サイト全体のセクシ⁠⁠ョンで [⁠⁠見出し2のフ⁠⁠ォント⁠⁠] を使用する [⁠⁠カスタム見出し⁠⁠] を有効にし⁠⁠、サイト全体のセクシ⁠⁠ョンで [⁠⁠見出し2の色⁠⁠] を使用する
Supply メイン コンテンツ セクシ⁠⁠ョンの [⁠⁠見出しのフ⁠⁠ォント⁠⁠] メイン コンテンツ セクシ⁠⁠ョンの [⁠⁠見出しの色⁠⁠]

関連商品を無効にしますか⁠?

関連商品を無効にする方法は⁠、次の通りです⁠。

  1. [⁠関連商品⁠] パネルを開きます⁠。
  2. [⁠関連商品を表示⁠] トグルをオフにします⁠。
  3. [⁠保存⁠] をクリ⁠ックします⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。