AVA Embedの全幅サポートと高度なウィジェット構成

埋め込む AVA の選択

1. 埋め込みたい AVA に移動します。
2. をクリックします 画面の左側にある埋め込みオプション。
3. AVA には、主に 2 つの表示オプションが表示されます。
   • 製品に関するよくある質問の表示
   • ネイティブボタン表示

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

製品FAQディスプレイでは、AVAをネイティブのインタラクティブコンテンツとして埋め込むことができます。訪問者はあなたのウェブサイトから直接チャットしたり質問したりできます。

コンテンツ構成

• タイトルとサブタイトル: ウィジェットのタイトルとサブタイトルを編集します。
• AI アイコン: オン/オフを切り替えて AI アイコンを表示します。

質問リスト

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

• AVAは、ページコンテンツ、製品データ、および訪問者の行動に基づいてパーソナライズされた質問を自動的に生成します。
• AI が無効になっている場合は、定義したデフォルトの質問が表示されます。

よくある質問の追加

• に足す 6 つの質問、それぞれ最大 60 文字です。
• 迅速な回答とナビゲーションサポートを提供します。

その他の質問セット

• URL 固有の問題セットを作成して、さまざまなページにさまざまなスターター質問を表示します。
• クリック +質問セット さらに追加します。
  
  

入力プレースホルダー‍

入力フィールドに表示されるテキストをカスタマイズします。

変更を保存:‍

クリック [保存] 設定が完了したら

FAQ ウィジェットのスタイリング

• ブランドカラー: ブランドのベースカラーを設定します。
• アイコンの色: アイコンの色をカスタマイズします。
• ウィジェットの背景と境界線：
  • 背景色、境界線の色、幅、半径を調整します。

• タイトルスタイリング: テキストの色、サイズ、太さをカスタマイズします。

• ボタンスタイル:
  • ボタンの色、ボタンのテキストの色、境界線の色、境界線の幅、半径、テキストサイズ、および太さ（標準、明るい、太字）をカスタマイズします。

• レイアウトと配置:
  • 整列ウィジェット:左、中央、または右
  • アシスタントポップアップの配置:左下、中央、右
  • ボタンの向き：スタック、水平、レスポンシブ

• 埋め込みコード: クリック 埋め込みコード コードをコピーしてWebサイトで使用します。

ネイティブボタン表示

ネイティブボタンディスプレイを使用すると、AVAをCTAボタンとしてWebサイトに埋め込むことができます。

• ウィジェットタイトル — ウィジェットのタイトルを追加します。
• デジタル・アシスタントを表示 — オン/オフを切り替えて、ウィジェットにアシスタントを表示します。
• ウィジェットサイズ — 次の中から選択 オート または カスタム。選択中 カスタム ウィジェットのサイズを手動で設定できます。
• ボタンラベル — CTA ボタンに表示されるテキストを定義します。
• 主ボタンの色 — ボタンのメインカラーを設定します。
• ボタンボーダーの色 — ボタンの境界線の色を選択します。
• ボタンフォントの色 — ボタンテキストの色を選択します。
• AI アイコンを使用 —オン/オフを切り替えて、ボタンにAIアイコンを表示します。
• ウィジェットの背景 — オンに切り替えて背景設定をカスタマイズします。
  • 背景色を編集
  • 境界線の太さを調整
  • コーナー半径を設定
  • 境界線の色を選択
• をクリックします 「埋め込みコード」 ウィジェットコードをコピーしてウェブサイトに貼り付けます。