マーケティングオールインワン：パーツの作成と設定方法

パーツは、マーケティングオールインワンのマーケティングモジュールで、ストアフロントに商品レコメンドを表示します。パーツはテーマエディターの複数のページに追加でき、顧客が興味を持ちそうな商品をより多く発見できるようにします。各パーツは推奨商品を提供するデータソースに接続されており、そのセクションタイトル、レイアウト、商品カードのスタイルを独立してカスタマイズできます。

このガイドでは、パーツの作成、表示設定の構成、結果のプレビュー、テーマエディターでのパーツの追加方法について説明します。

パーツ作成の前提条件

開始する前に、以下を確認してください：

• 推奨の基礎となる、意図した配置に合った少なくとも1つのデータソースを作成していること。パーツ作成時に新しいデータソースを同時に作成することも可能です。データソースの作成と設定の詳細については、「マーケティングオールインワン：データソースの作成と設定」を参照してください。
• ストアがOS 3.0テーマを使用していること。パーツはOS 3.0テーマのテーマエディターを通じてのみ追加可能です。

パーツの作成

新しいパーツを作成するには、以下の手順に従ってください：

1. マーケティングオールインワンアプリに移動し、左のナビゲーションでパーツをクリックします。

   

2. パーツ作成ページに移動します:
   • 初めてのパーツの場合: ページの開始するをクリックします。
   • すでにストアにパーツがある場合: ページ右上の作成をクリックします。
3. 名前欄に、パーツの名前を入力します（最大50文字）。
4. タイプのドロップダウンで、パーツのタイプを選択します。現在は商品レコメンドのみ対応しています。

5. 表示場所セクションで、パーツを表示するページを選択します。利用可能なオプションは以下の通りです:

   

   • ホーム
   • 商品詳細
   • 商品一覧
   • 検索結果
   • カート
   • アカウント
   • 404ページ
   • ブログ
   • カスタムページ

   注： カートドロワーと支払い結果の表示場所はまだ対応しておらず、グレーアウトしています。これらのサポートは今後のリリースで追加される予定です。

6. データソース セクションで、パーツが推奨の基礎として使用するデータソースを選択します：

   

   • 新しいデータソースを作成する： システムは、次のステップで選択する推奨戦略に基づいて、パーツと同じ名前の新しいデータソースを自動的に作成します。
   • 既存のデータソースに接続する： ドロップダウンから既存のデータソースを選択します。現在のパーツと配置が一致するデータソースのみが表示されます。該当するデータソースがない場合、ドロップダウンには データなし と表示されます。

   注： データソースの作成、設定、および管理の詳細については、「マーケティング - オールインワン：データソースの作成と設定」を参照してください。

7. 新しいデータソースを作成する を選択した場合は、推奨戦略 セクションでAI推奨戦略を選択します。システムは、前のステップで選択した配置に利用可能な戦略を自動的に表示します。以下を含みます：

   

   • AI推奨： 顧客の全プロフィールを分析し、最も購入につながりやすい商品を表示します。
   • トレンド中： ストア全体の閲覧数、クリック数、販売数に基づいて人気の商品を表示します。
   • 類似顧客： 顧客プロフィールを分析し、類似の顧客が購入した商品を推奨します。
   • 関連商品： ストア全体の商品データを分析し、現在のページの商品に似たアイテムを推奨します。
   • 一緒によく購入される商品： 過去の注文に基づき、顧客が一緒に購入することが多い商品を推奨します。
8. クリックして 作成 します。

パーツが作成されると、自動的にパーツ設定ページにリダイレクトされ、そこで表示スタイルの設定を継続し、結果をプレビューできます。

パーツ表示設定の構成

パーツ設定ページの左側の設定パネルで、パーツのデータソース、セクションタイトル、レイアウト、商品カードの表示スタイルを設定できます。ページ右側のプレビューエリアで変更をリアルタイムに確認できます。

基本情報

基本情報セクションでは、現在パーツに接続されているデータソースを管理し、そのデータソースの編集にすばやくアクセスできます。

• データソース：パーツに接続されているデータソースを表示または変更します。修正をクリックすると、データソースの詳細ページが新しいタブで開きます。

セクションタイトル

セクションタイトル設定では、ストアフロント上のパーツのタイトルの内容と配置を制御します。

• テキスト：パーツの上部に表示されるタイトルテキストを入力します（最大50文字）。例：「あなたにおすすめ」
• テキストの配置：タイトルの配置を左、中央、または右から選択します。

レイアウト

レイアウト設定では、PC版とモバイルで1行あたりに表示されるユニークおすすめ商品の数と配置方法を制御します。

• PC版の列数：PC版で1行に表示する商品の数を設定します（1～5）。
• PC版のレイアウト：シングル行カルーセルまたはグリッドを選択します。
• モバイルの列数：モバイルで1行に表示する商品の数を設定します（1～2）。
• モバイルのレイアウト：シングル行カルーセルまたはグリッドを選択します。

商品カード

商品カード設定では、ストアフロント上で各ユニークおすすめ商品の表示方法を制御します。画像、タイトル、販売価格、割引情報が含まれます。

• 画像の枠線： 商品画像の角の半径、枠線の太さ、不透明度を調整します。
  • 角の半径： 商品画像の枠線の角の半径を設定します（0〜40 px）。
  • 太さ： 商品画像の枠線の太さを設定します（0〜12 px）。
  • 不透明度： 商品画像の枠線の色の不透明度を設定します（0%〜100%）。
• 商品画像： 商品画像の表示比率とフィット方法を選択します。
  • アスペクト比： 商品画像の表示比率を選択します — 1:1、2:3、3:4、または 4:3。
  • 画像のフィット： 画像がフレームにどのように収まるかを選択します — カバー または コンテイン。
• 商品タイトル： PC版とモバイルで商品タイトルを表示するかどうか、および表示可能な行数を設定します。
  • PC版で表示 / モバイルで表示： 商品タイトルをPC版とモバイルで独立して表示するかどうかを制御します。
  • PC版で表示する行数 / モバイルで表示する行数： 対応する PC版で表示 / モバイルで表示 のトグルがオンの場合にのみ利用可能です。1行、2行、または すべて表示 を選択します。
• 販売価格： 販売価格と比較価格の表示有無を設定し、販売価格の形式を選択します。
  • 価格を表示： 商品の販売価格を表示するかどうかを設定します。オフにすると価格エリア全体が非表示になります。
  • 価格形式： 価格を表示 がオンの場合に利用可能です。最低価格、価格帯、または 最低価格から を選択します。
  • 比較価格を表示： 比較価格（元の価格、取り消し線付き）を表示するかどうかを設定します。これは最低販売価格が比較価格より低い場合にのみ適用されます。
• 割引バッジ： 割引バッジの表示有無を設定し、バッジのタイプと形式を選択します。
  • バッジを表示： 割引バッジを表示するかどうかを設定します。これは最低販売価格が比較価格より低い場合にのみ適用されます。
  • バッジタイプ： バッジを表示 がオンの場合に利用可能です。セーブバッジ または セールバッジ を選択します。
  • バッジ形式： セーブバッジ が選択されている場合に利用可能です。割引金額 または パーセント割引 を選択します。割引パーセントが0%に丸められる場合、バッジは表示されません。
  • 角の半径： 割引バッジの角の半径を設定します（0〜40 px）。
• クイック追加： 商品カードにクイック追加ボタンを表示するかどうかを設定します。クイック追加を有効にするがオンの場合、顧客はボタンをクリックしてテーマのクイック追加ポップアップを開くことができます。

パーツ表示設定のプレビューと保存

パーツ設定ページにはライブプレビューがあり、公開前に表示を確認できます。

1. パーツ設定ページの上部で、PC版またはモバイルのアイコンをクリックしてプレビューデバイスを切り替えます。
2. プレビューエリアは現在の表示設定に基づいてリアルタイムで更新されます。
3. 設定の構成が完了したら、ページ右上の保存をクリックして変更を適用します。

テーマエディターでパーツをストアフロントページに追加する

パーツの設定が完了したら、表示させるためにテーマエディターでストアフロントページに手動で追加する必要があります。

1. オンラインストア > デザインを開いてテーマエディターに入り、パーツを表示したいページ（例：ホームページや商品詳細ページ）に移動します。

2. ＋パーツを追加 > アプリ > All in One - パーツの順にクリックします。

   

3. パーツを追加したら、そのパーツをクリックして二次設定パネルを開きます。

   

4. パーツID欄に、表示したいパーツのID（英数字のみ）を入力します。このIDはパーツ一覧またはパーツ設定ページの上部から見つけてコピーできます。

   注：この欄は入力したパーツIDが正しいか、またはパーツの配置が現在のページに合っているかを検証しません。IDが間違っているか、パーツの配置が現在のページと合っていない場合、パーツは正しくレンダリングされないか、誤って表示されますが、エラーメッセージは表示されません。入力前にIDを必ず再確認してください。

   

5. テーマエディターの右上にある保存をクリックして変更を適用します。その後、ストアフロントでパーツの実際の表示を確認できます。

パーツリストの管理

パーツリストページでは、ストア用に作成されたパーツを表示、検索、フィルタリング、および管理できます。

1. 左のナビゲーションでパーツをクリックして、パーツリストに移動します。

2. 必要なパーツを見つけます:

   • 検索ボックスを使って、正確なIDまたは名前で検索します。
   • 配置フィルターをクリックして、1つ以上の配置でフィルタリングします。

   

3. パーツを管理するには、その隣の操作列の···をクリックし、次のいずれかを選択します:

   • 修正: パーツ設定ページを開いて編集します。
   • 削除: パーツを削除します。

   

マーケティング - All in One パーツに関する重要な注意事項

• パーツの削除は元に戻せません。
• カートページでは、パーツはリアルタイムのクライアントサイドレンダリングをサポートしています。顧客のカート内の商品が変わると、パーツは自動的におすすめを再レンダリングします。他のページでは現在このリアルタイムレンダリングはサポートされていません。
• セクションタイトルは現在多言語設定に対応していません — 表示されるテキストは入力した内容そのままです。
• テーマエディターのパーツID欄は、IDの正確さやパーツの配置がページに合っているかを検証しません。入力前に必ずIDを再確認してください。

マーケティング - All in One パーツに関するよくある質問

Q1: 同じデータソースを複数のパーツに接続できますか？

はい。パーツがデータソースと同じ配置を共有している限り、複数のパーツが同じデータソースに接続でき、パーツ間でおすすめ戦略を再利用できます。

Q2: 同じページに複数のパーツを追加できますか？

はい。同じ配置に対して、独立した表示スタイルとデータソースを持つ複数の異なるパーツを作成して追加できます。

Q3: パーツの表示設定を修正しましたが、プレビューに変更が反映されません。なぜですか？

変更後に保存をクリックしたことを確認してください。また、パーツ設定ページのプレビューは参考用であり、実際の表示を確認するにはテーマエディターでパーツを追加して保存する必要があることにご注意ください。