チャットの待ち受け画面（ウィジェット）のデザインを調整する

まずはチャット開始前の
［チャットバッジ］について案内します。

［オン］にすると、左図のプレビューのような大きなバッジが表示されるようになります。
（［オフ］の場合）

①バッジには画像を貼ることができます。
任意の画像をアップロードもできます。

②①で選んだ画像の配置方法です。

③画像の背景の色を決めます。
　テーマカラーと同じか近いものにすると統一感が出ます。

④バッジに乗せる文言を決めます。

チャットを開始した際のウィジェット画面を設定します。

［チャットウィンドウ］
テーマカラーと、そこに表示する文言を決めます。

［コンシェルジュ］
エージェント未対応時に表示されるアイコンとメッセージを決めます。

［メッセージスタイル］
会話が始まった際、訪問者に見える画面でエージェントの発言にアイコンを表示させるか否かを決めます。

※先ほど［コンシェルジュ］で登録したアイコンは、エージェント毎にアイコンを登録している場合、左図のように切り替わるようになっています。

なお、チャットバッジを［オフ］にすると

チャット開始前は左図のような
［チャット］という小さいボタンが表示されるようになっています。

この小さなバッジのカラーは
［チャットウィンドウ］のテーマカラーで指定されたものになります。

チャットウィジェットは、
［①設定＞②ウィジェット＞③外観］
から編集できます。

④シンプルを選択

⑤モバイル環境でのチャット表示設定です。
・ウィンドウをオーバーレイ
　　⇒同じ画面（タブ）でチャットを開始
・チャットポップアウト
　　⇒別画面（別タブ）でチャットを開始

⑥オン：大きなバッジで表示されます。

⑦バッジ画像は、ご自由に設定できます。

・テキストのみのチャットバッジ
　⇒３２文字限度。
・テキスト＋画像のチャットバッジ
　⇒３０文字限度。
※いずれも全角のみ

★テキスト文字の大きさ変更などをご希望の方は、カスタム画像をお薦めします。

チャットの待受けメッセージやアイコンを変更できます

チャットウィンドウを最小にした時の、チャットボタンのメッセージを変更できます。

⑧クラシックを選択

⑨モバイル環境でのチャット表示設定です。
・ウィンドウをオーバーレイ
⇒同じ画面（タブ）でチャットを表示
・チャットポップアウト
⇒別画面（別タブ）でチャットを表示

バッジの上に吹き出しが表示されます。
［色］［ご案内］などが設定できます。

チャットの待受けメッセージを変更できます。
※クラシックはアイコン表示がありません

チャットウィンドウを最小にした時の、チャットボタンのメッセージを変更できます。

なお、クラシックの場合は
エージェントのステータスが［離席中］の場合ウィジェットに表示されます。

シンプルは表示されません。