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

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

AVAの埋め込み

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

AVAの表示方法には3つのオプションがあります。

FAQウィジェット

ユーザーがインタラクションを円滑に進めるためのスターター質問を設定します。スターター質問の追加方法についてはこちらの記事を参照してください。

プライマリカラーとボタンのコーナー半径を調整してスターター質問の外観をカスタマイズすることもできます。さまざまなウェブページの表示ルールに対するURL条件付きの新しい質問セットを作成することもできます。

ボタン

CTAボタンについて以下の設定を調整できます：

• ウィジェットタイトル – ウィジェットのタイトルを追加。
• デジタルアシスタントの表示 – ウィジェット内のアシスタント表示をオン/オフで切り替え。
• ウィジェットサイズ – 自動またはカスタムを選択。カスタムを選ぶとウィジェットのサイズを手動で設定できます。
• ボタンラベル – CTAボタンに表示するテキストを設定。
• ボタンメインカラー – ボタンのメインカラーを設定。
• ボタンボーダーカラー – ボタンボーダーの色を選択。
• ボタンフォントカラー – ボタンテキストの色を選択。
• AIアイコンの使用 – ボタンにAIアイコンを表示するかオン/オフで切り替え。
• ウィジェット背景 – オンにして背景設定をカスタマイズ：
  • 背景色の編集
  • ボーダーの大きさの調整
  • コーナー半径の設定
  • ボーダー色の選択

「埋め込みコード」をクリックしてウィジェットコードをウェブサイトに貼り付けます。

フローティング

AVAの自動メッセージトリガーは、ウェブページのコンテンツに合わせたカスタマイズされたプロンプトを配信し、訪問者のエンゲージメントを促進します。詳細な設定手順はこちらを参照してください。

「埋め込みコード」オプションをクリックしてウェブサイトに使用するコードをコピーします。