商品詳細ページへのAI FAQの埋め込み

SKUベースのウィジェットを使用してAVAのAI生成FAQを商品ページに直接埋め込み、PDPを離れずにショッパーの質問に回答。

Last updated:
October 10, 2025

商品詳細ページ(PDP)にAI FAQを直接埋め込み、商品固有のAI生成の質問と回答を表示できるようになりました。これにより、ショッパーが商品ページを離れることなく関連情報を簡単に見つけられます。

SKUベースのAI FAQ埋め込みは、SKUを使用して商品を自動的に識別し、AVAが生成した対応するFAQを表示します。商品に有効なAVAが関連付けられていない場合、AI FAQセクションはそのページで自動的に非表示のままになります。

PDPにAI FAQを埋め込む方法

次の手順に従って、PDPテンプレートにAI FAQを追加してください:

ステップ1

埋め込みたいAVAを選択し、画面左側の「埋め込み」オプションをクリックします。

Embed

ステップ2

FAQ表示のカスタマイズ:ブランドアイデンティティに合わせた外観調整。タイトルとサブタイトルの編集、アイコンの有効化/無効化、ブランドカラーの選択、フォントサイズとコーナー半径の調整ができます。

ステップ3

質問:ページのコンテキスト、商品詳細、ユーザージャーニーに基づいた動的な質問生成のAI最適化を有効化します。

ステップ4

埋め込みコードをクリックします。

ステップ4(続き)

行項目はOMSによって異なります。Shopifyなどのコードに商品IDを入力する際は、バリアントIDではなく必ず商品IDを使用してください。

New-1

ステップ5

埋め込みコードにSKU属性を手動で追加し、正しい商品FAQを動的に関連付けます。

  • React: sku={'${item.skuid}'}
  • Shopify: sku={% raw %}{{product.id}}

ステップ6

変更を保存して公間します。

ステップ7

商品ページを開いてAI FAQが正しく読み込まれるか確認します。

ステップ8

実装後、システムが自動的にSKU値を検出し、その商品に対応するAI FAQを表示します。