商品レコメンド：表示位置のカスタム設定

商品レコメンドは、AIを活用したアプリで、顧客に関連性の高い商品をおすすめし、コンバージョン率の向上が期待できます。本ガイドでは、テーマエディターを使ってストアページに表示される商品レコメンドの位置をカスタマイズする方法を説明します。

テーマエディターでの表示位置のカスタマイズ

SHOPLINE管理画面のオンラインストア>デザインに移動します。次に、現在のテーマセクションのデザインボタンをクリックしてテーマエディターを開きます。

手順：

1. ページを選択：ページ選択のドロップダウンから、商品レコメンドパーツを配置したいページを選びます。

   

2. パーツを追加：パーツを追加>アプリ>商品レコメンドをクリックします。

   

3. データソースを選択：商品レコメンドアプリで設定したデータソースを選びます。

   

4. ドラッグ＆ドロップ：商品レコメンドパーツにカーソルを合わせ、ドラッグハンドルアイコンをクリックして押しながら、希望の位置にドラッグ＆ドロップします。

   

商品詳細ページのレコメンド設定

1. 商品レコメンドアプリのトップページから、ページ設定をクリックし、商品詳細ページを選択します。

   

2. 商品レコメンドは商品詳細ページに対して2つの設定オプションを提供しています。ご要件に応じて選択してください：

• ストア全体の設定：すべての商品詳細ページで一貫してレコメンドを適用するには、商品レコメンドのストア全体設定を構成モジュールを使用します。構成ボタンをクリックして編集ページにアクセスします。

  

• 個別商品設定：リスト内の特定の商品をクリックして、単一商品のレコメンドをカスタマイズモジュールでレコメンドをカスタマイズします。

  

商品レコメンド表示に関するよくある質問

Q1: なぜ特定のページで商品レコメンドのコンテンツ位置をカスタマイズできないのですか？

現在、SHOPLINEは以下のテーマとページでカスタム位置指定をサポートしています：

Q2: 1つのページに複数の商品レコメンドパーツを追加できますか？

はい。商品レコメンドパーツを複数、1ページに追加ボタンをクリックして追加できます。

Q3: テーマエディターで商品一覧ページに商品レコメンドパーツを追加しましたが、実際のストアで正しく表示されません。何を確認すればよいですか？

デフォルト位置が商品レコメンドアプリで無効になっていることを確認してください。商品リストページでデフォルト位置とカスタム位置の両方を有効にすると、ライブストアで商品レコメンドパーツが正しく表示されない可能性があります。

詳細な手順については、「商品リストのレコメンド表示位置の設定」セクションを参照してください。

Q4: ストアフロントにレコメンドセクションがありますが、それが商品レコメンドアプリ由来かテーマ由来か分かりません。どうやって判別できますか？

ブラウザの検証ツールを使ってソースを特定できます。

1. ストアフロントでレコメンドセクションが表示されているページに移動します。
2. レコメンドセクションを右クリックし、検証（または要素を検証）を選択します。
3. 開発者ツールパネルでハイライトされたHTML要素を確認します。
   • 要素のclassにproduct-recommend-pluginが含まれていれば、そのレコメンドセクションは商品レコメンドアプリによるものです。
   • 要素に/recommendations/products?で始まるdata-url属性があるが、classにproduct-recommend-pluginが含まれていなければ、そのレコメンドセクションはテーマに組み込まれたものです。

レコメンドセクションがテーマ由来で、代わりに商品レコメンドアプリを使いたい場合は：

1. テーマエディターを使ってページに商品レコメンドパーツを追加します。
2. 元のテーマのレコメンドセクションを非表示にするか削除します。
3. これで、そのページには商品レコメンドパーツだけが表示されます。