メインコンテンツへスキップ

エージェントのスタイル設定

FormAgentをウェブサイトに埋め込む際、チャットウィンドウの見た目や動作を自由にカスタマイズできます。本ガイドでは、エージェントのスタイル設定方法を分かりやすく解説します。

1. ボタン・ウィンドウのデザイン設定​

  • ウィンドウタイトル、アイコン、背景色、文字色などを設定できます。
  • ボタンのサイズや位置、カスタムアイコンURLも指定可能です。

エージェント設定画面

2. ツールチップ・フッター・利用規約の設定​

  • ツールチップ：チャットボタンにマウスを重ねた際の説明文や色を設定できます。
  • フッター：Powered byや会社名、リンク、テキスト色を自由に編集できます。
  • 免責事項：利用規約ページのURLを設定できます。

詳細設定画面

3. 設定の保存​

すべての項目を設定したら、右上の「保存」ボタンをクリックしてください。

4. テストチャットでの確認​

右上の「チャットテスト」スイッチをONにすると、実際のチャットウィンドウの見た目をその場で確認できます。

チャットテスト画面

各セクションの詳細は順次追加していきます。