> 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="https://3246530324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVKCSdGPopMt2sSDjiJua%2Fuploads%2FIP3rxULLzgidEI783lrA%2FAlliSDKv2113001.png?alt=media&amp;token=9bc2ab9f-c6d1-4cda-9fd9-f0958fc5ef3a" alt=""><figcaption></figcaption></figure></div>

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

   <figure><img src="https://3246530324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVKCSdGPopMt2sSDjiJua%2Fuploads%2F8gaRXQxabSCRW5jhlR0I%2FAlliSDKv2113004.png?alt=media&amp;token=307af34c-9198-4016-8bf3-da7292719671" alt="" width="375"><figcaption></figcaption></figure>
4. **テキストの長さ（Q\&A回答候補の表示時）**\
   ボタンオプションの表示文字数が変更できます。(デフォルト：100)\
   16から500の間で設定が可能です。
5. **「エージェントに連絡」を有効にする**\
   有効にすると、ユーザーはエージェントへ直接連絡することができます。 \
   有効にした場合、チャット画面上部の"**⁝**"をクリックすると「エージェントに連絡」ボタンが\
   表示されます。

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

   <figure><img src="https://3246530324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVKCSdGPopMt2sSDjiJua%2Fuploads%2FtgsIXz5ILpKYCpGTafrd%2FAlliSDKv2113007.png?alt=media&amp;token=9428036c-8c25-4dfc-aeb0-a967f523a9da" alt=""><figcaption><p><br></p></figcaption></figure>
6. **「チャット履歴の送信」を有効にする**\
   有効にすると、ユーザーがチャット履歴を指定したアドレスへ送信できます。 \
   有効にした場合、チャット画面上部の"**⁝**"をクリックすると「チャット履歴を送信」ボタンが表示され、送信したいメールアドレスを入力することができます。

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

   <figure><img src="https://3246530324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVKCSdGPopMt2sSDjiJua%2Fuploads%2FDd7vDu5W7NxVTnjK28hB%2FAlliSDKv2113008.png?alt=media&amp;token=25974063-dbf4-49f8-a53f-04da3e28890d" alt=""><figcaption><p><br><br></p></figcaption></figure>

<div data-full-width="false"><figure><img src="https://3246530324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVKCSdGPopMt2sSDjiJua%2Fuploads%2FBQhmvWspxx6e47jGU3pb%2FAlliSDKv2113002.png?alt=media&amp;token=9888333d-4549-476c-a840-372d242df376" 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="https://3246530324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVKCSdGPopMt2sSDjiJua%2Fuploads%2FcXeYIeyXZ174fng4R0di%2FAlliSDKv2113009.png?alt=media&amp;token=c3d35e18-14bc-4511-af31-f7a812d95584" alt=""><figcaption><p>292pxと500px</p></figcaption></figure>
14. **リセット**\
    上記で設定した内容を初期設定値へリセットできます。<br>