ウェブサイトに AVA 4.0 を埋め込む方法

公開する前に、プレビューオプションでAVAをテストして結果を確認することをお勧めします。

AVA を埋め込む

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

ここから、AVA の表示方法に関する 2 つの異なるオプションを提供します。

製品に関するよくある質問の表示

AVAをネイティブのインタラクティブなコンテンツとして埋め込むと、訪問者はWebサイトから直接チャットしたり質問したりできます。

タイトル、サブタイトルを追加し、AI アイコンを有効にして、FAQ ウィジェットをカスタマイズします。

AI が生成する質問を有効にする

有効にすると、AVAはページコンテンツ、商品データ、各買い物客のオンサイト行動に基づいてパーソナライズされたFAQ質問を自動的に生成し、すべての訪問者のFAQエクスペリエンスを継続的に最適化します。ここで設定したメッセージは、サイトに埋め込まれているFAQウィジェットに表示されます。

よくある質問のプレゼンテーションは、タイトルとサブタイトルの編集、アイコンの切り替え、主なブランドカラーの選択、サイトのビジュアルデザインに合わせてフォントサイズや角の半径を調整するなど、完全にカスタマイズできます。

‍質問

AI が生成する質問を有効にする

以下のメッセージは、ウェブサイトに埋め込まれているFAQウィジェットに表示されます。これを有効にすると、AVAはページコンテンツ、商品データ、各買い物客のオンサイト行動に基づいてパーソナライズされた質問を自動的に生成し、すべての訪問者のFAQエクスペリエンスを動的に最適化します。

AI が無効になっている場合、定義したデフォルトの質問がすべての関連ページに表示されます。

よくある質問の質問を最大 6 つ (それぞれ 60 文字まで) 追加して、埋め込みウィジェットにすばやく回答したり、ナビゲーションサポートを提供したりできます。

追加質問セット-特定のURLにスターター質問を適用するためのURL条件を設定できます。そのためには、さまざまな Web ページのどこにこれらの質問が表示されるかを指定した URL 条件を指定して、新しい質問セットを作成します。[+質問セット] ボタンをクリックするだけで、さらに追加できます。

入力プレースホルダーテキストをカスタマイズすることもできます。

FAQ の質問は、ユーザーが最初に AVA を開くとすぐに表示されます。

スタイリング

• エントリーポイント
• モーダル
• Avaは、ページ上にポップアップするチャットウィンドウを開始します
• インライン
• Avaはページ内でユーザーの質問に直接回答します
• このセクションから、ウィジェット、タイトル、ボタンのスタイル、および全体的なレイアウトと配置をカスタマイズできます。
• 完了したら [保存] をクリックし、[コードを埋め込む] を選択してコードをコピーして Web サイトで使用します。

ネイティブボタン

‍ボタン -CTA ボタンでは以下を調整できます。

ウィジェットタイトル — ウィジェットのタイトルを追加します。

デジタル・アシスタントを表示 — オン/オフを切り替えて、ウィジェットにアシスタントを表示します。

ウィジェットサイズ — 次の中から選択 オート または カスタム。選択中 カスタム ウィジェットのサイズを手動で設定できます。

ボタンラベル — CTA ボタンに表示されるテキストを定義します。

主ボタンの色 — ボタンのメインカラーを設定します。

ボタンボーダーの色 — ボタンの境界線の色を選択します。

ボタンフォントの色 — ボタンテキストの色を選択します。

AI アイコンを使用 —オン/オフを切り替えて、ボタンにAIアイコンを表示します。

ウィジェットの背景 — オンに切り替えて背景設定をカスタマイズします。

• 背景色を編集
• 境界線の太さを調整
• コーナー半径を設定
• 境界線の色を選択
• をクリックします 「埋め込みコード」 ウィジェットコードをコピーしてウェブサイトに貼り付けます。
  
  
  
  

‍