> For the complete documentation index, see [llms.txt](https://docs.allganize.ai/alliyzgaido/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.allganize.ai/alliyzgaido/settings/design.md).

# チャットデザイン設定V2

<div data-full-width="false"><figure><img src="/files/BLuinW71trK8ZHjMCc5l" alt=""><figcaption></figcaption></figure></div>

1. **表示名**\
   チャット画面の上部バーに表示する名称を変更できます。
2. **テーマカラー**\
   チャット画面の配色をカスタマイズできます。
3. **アイコン**\
   チャット画面の上部バーで表示するロゴを更新できます。\
   \
   表示名、テーマカラー、アイコンは以下のユーザー画面と対応します。

   <figure><img src="/files/cBryboINnVq1LqviaWYM" alt="" width="375"><figcaption></figcaption></figure>
4. **テキストの長さ（Q\&A回答候補の表示時）**\
   ボタンオプションの表示文字数が変更できます。(デフォルト：100)\
   16から500の間で設定が可能です。
5. **「エージェントに連絡」を有効にする**\
   有効にすると、ユーザーはエージェントへ直接連絡することができます。 \
   有効にした場合、チャット画面上部の"**⁝**"をクリックすると「エージェントに連絡」ボタンが\
   表示されます。

   1. エージェントに連絡をクリックすると、「エージェントに接続中です…」と表示されます。
   2. エージェントが会話へ参加すると、「会話へ参加しました。」と表示されます。
   3. エージェントがメッセージを送信すると、送信内容が表示されます。

   <figure><img src="/files/QIjqHhnBOHcpsYrGcxub" alt=""><figcaption><p><br></p></figcaption></figure>
6. **「チャット履歴の送信」を有効にする**\
   有効にすると、ユーザーがチャット履歴を指定したアドレスへ送信できます。 \
   有効にした場合、チャット画面上部の"**⁝**"をクリックすると「チャット履歴を送信」ボタンが表示され、送信したいメールアドレスを入力することができます。

   1. チャット履歴を送信をクリックし、送信するメールアドレスを入力し適用を押します。
   2. 表示されたメールアドレスを確認し、OKをクリックすると指定のアドレスへチャット履歴が送信されます。

   <figure><img src="/files/5fSrpUpVJKStF8dm22jv" alt=""><figcaption><p><br><br></p></figcaption></figure>

<div data-full-width="false"><figure><img src="/files/Cd5lqs5qkwdwcnEJ6HGH" alt=""><figcaption></figcaption></figure></div>

7. **チャット画面の位置**\
   チャット画面の表示位置を変更できます。
8. **チャット画面の幅**\
   チャット画面の横幅を変更できます。\
   380pxから1600pxの間で設定してください。(デフォルト：380)
9. **チャット画面の高さ**\
   チャット画面の縦幅を変更できます。\
   380pxから1600pxの間で設定してください。(デフォルト：380)
10. **入力の自動補完機能**\
    有効にすると、ユーザーが質問を入力したときに予測されたQ\&Aが表示されます。
11. **表示する自動補完候補の数**\
    入力の自動補完機能を有効にすると表示されます。 \
    予測されたQ＆Aの表示件数を1\~5件まで選択できます。
12. **チャットポップアップのメッセージ**\
    ユーザーがウェブページを開くとポップアップが先に表示され、ポップアップをクリックすると全UIが表示されます。チャットフローで設定した会話の最初のメッセージをポップアップに表示するか、カスタムメッセージを 設定するかを選択できます。※下の画像参照
13. **メッセージプレビュー**\
    チャットポップアップのメッセージウィンドウの横幅を変更できます。

    <figure><img src="/files/rOIByRiO80zTLcfsCf80" alt=""><figcaption><p>292pxと500px</p></figcaption></figure>
14. **リセット**\
    上記で設定した内容を初期設定値へリセットできます。<br>