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

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/08/%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%86%E3%82%99%E3%82%B5%E3%82%99%E3%82%A4%E3%83%B31.png?resize=800%2C434&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

1.**\[表示名]** チャット画面の上部バーに表示する名称を変更できます。

2.**\[テーマカラー]** チャット画面の配色をカスタマイズできます。

3.**\[ヘッダーのカラー構成]** チャット画面の上部バーのアイコン、テキストの色を変更できます。

4.**\[構成要素カラー]** ユーザーが入力した内容の背景色を変更できます。

5.**\[テキストカラー]** ユーザーが入力した内容の文字色を変更できます。

6.**\[アイコン]** チャット画面の上部バーで表示するロゴを更新できます。

7.**\[トグルボタン]** チャットウィンドウを開くトグルボタンの画像を更新できます。

8.**\[アバター]** チャット会話内で表示するチャットボットのプロフィール画像を変更できます。

9.**\[プレビュー]** ユーザーに表示されるチャット画面のプレビューが表示されます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/08/%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%86%E3%82%99%E3%82%B5%E3%82%99%E3%82%A4%E3%83%B32.png?resize=800%2C669&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

10\. **\[チャット画面のスタイル]** 一般とコンパクトのどちらかを選択できます。

11\. **\[オプションの揃え]** 質問オプションの表示方法を選択できます。

12\. **\[オプションの長さ]** ボタンオプションの表示文字数が変更できます。

13\. **\[「エージェントに連絡」を有効にする]** チャット画面下部に「エージェントへの連絡」ボタンを表示でき\
ます。 本メニューよりオン／オフを設定してください。

14\. **\[「チャット履歴の送信」を有効にする]** チャット画面下部に「チャット履歴の送信」ボタンを表示できす。 本メニューよりオン／オフを設定してください。&#x20;

15\. **\[チャット画面の位置]** チャット画面の表示位置を変更できます。

16\. **\[チャット画面の幅]** 　チャット画面の横幅を変更できます。&#x20;

17\. **\[チャット画面の高さ]** 　チャット画面の縦幅を変更できます。&#x20;

18\. **\[チャット画面に「新しいチャットを開始」のボタンを追加]** 　これをオンにするとチャット画面の右上にボタンが表示され、 　クリックすると新しいチャットを開始することができます。&#x20;

19\. **\[入力の自動補完機能]** 　これをオンにすると、ユーザーが質問を入力したときにオートコンプリート 　されたQ\&Aが表示されます。

&#x20;20\. **\[表示する自動補完候補の数]** 　 入力の自動補完機能がオンのときに表示されるQ\&Aの数を決定できます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/08/%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%86%E3%82%99%E3%82%B5%E3%82%99%E3%82%A4%E3%83%B33.png?resize=800%2C384&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

21\. **\[ポップアップのデフォルトメッセージ]** ユーザーが最初にWebページにアクセスしたときにポップアップが表示され、 顧客がポップアップをクリックするとチャットウィンドウが開きます。 会話の最初のメッセージをポップアップに表示するか、カスタムメッセージを 　設定するかを選択できます。&#x20;

22\. **\[ポップアップの幅]** ポップアップの幅を変更できます。

23\. **\[チャットのポップアップにアイコンを表示]** ポップアップのアイコン画像を設定できます。&#x20;

24\. **\[ポップアッププレビュー]** ポップアップの変更に関するプレビューが表示されます。

25\. **\[リセット／適用する]** デザインをデフォルト設定にリセットするか、行った変更を適用します。


---

# 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/chattodezainv1.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.