> 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/chattodezainv1.md).
# チャットデザイン設定V1
1.**\[表示名]** チャット画面の上部バーに表示する名称を変更できます。
2.**\[テーマカラー]** チャット画面の配色をカスタマイズできます。
3.**\[ヘッダーのカラー構成]** チャット画面の上部バーのアイコン、テキストの色を変更できます。
4.**\[構成要素カラー]** ユーザーが入力した内容の背景色を変更できます。
5.**\[テキストカラー]** ユーザーが入力した内容の文字色を変更できます。
6.**\[アイコン]** チャット画面の上部バーで表示するロゴを更新できます。
7.**\[トグルボタン]** チャットウィンドウを開くトグルボタンの画像を更新できます。
8.**\[アバター]** チャット会話内で表示するチャットボットのプロフィール画像を変更できます。
9.**\[プレビュー]** ユーザーに表示されるチャット画面のプレビューが表示されます。
10\. **\[チャット画面のスタイル]** 一般とコンパクトのどちらかを選択できます。
11\. **\[オプションの揃え]** 質問オプションの表示方法を選択できます。
12\. **\[オプションの長さ]** ボタンオプションの表示文字数が変更できます。
13\. **\[「エージェントに連絡」を有効にする]** チャット画面下部に「エージェントへの連絡」ボタンを表示でき\
ます。 本メニューよりオン／オフを設定してください。
14\. **\[「チャット履歴の送信」を有効にする]** チャット画面下部に「チャット履歴の送信」ボタンを表示できす。 本メニューよりオン／オフを設定してください。
15\. **\[チャット画面の位置]** チャット画面の表示位置を変更できます。
16\. **\[チャット画面の幅]** チャット画面の横幅を変更できます。
17\. **\[チャット画面の高さ]** チャット画面の縦幅を変更できます。
18\. **\[チャット画面に「新しいチャットを開始」のボタンを追加]** これをオンにするとチャット画面の右上にボタンが表示され、 クリックすると新しいチャットを開始することができます。
19\. **\[入力の自動補完機能]** これをオンにすると、ユーザーが質問を入力したときにオートコンプリート されたQ\&Aが表示されます。
20\. **\[表示する自動補完候補の数]** 入力の自動補完機能がオンのときに表示されるQ\&Aの数を決定できます。
21\. **\[ポップアップのデフォルトメッセージ]** ユーザーが最初にWebページにアクセスしたときにポップアップが表示され、 顧客がポップアップをクリックするとチャットウィンドウが開きます。 会話の最初のメッセージをポップアップに表示するか、カスタムメッセージを 設定するかを選択できます。
22\. **\[ポップアップの幅]** ポップアップの幅を変更できます。
23\. **\[チャットのポップアップにアイコンを表示]** ポップアップのアイコン画像を設定できます。
24\. **\[ポップアッププレビュー]** ポップアップの変更に関するプレビューが表示されます。
25\. **\[リセット／適用する]** デザインをデフォルト設定にリセットするか、行った変更を適用します。