# チャットデザイン設定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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.allganize.ai/alliyzgaido/settings/design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.