Skip to main content

デザインのカスタマイズ

色やアイコン等を管理画面から変更することができます。

チャットデザインへ移動#

サイドメニューよりチャット画面デザインをクリックして移動します。

デザインの編集#

デザインタブをクリックすると、画面の各領域の色をやアイコンなどを変更できます。
下記項目を編集し、本番環境反映をクリックして保存します。
項目は次のとおりです。

注意

色を指定する際は透明色を指定しないでください。
（カラーピッカーを選択した際に表示されるRGBAの「A」の値は必ず1にしてください。）

ヘッダー領域（チャット画面上部領域）#

項目サブ項目内容
アイコンヘッダー領域で左側に表示されるアイコンです。
タイトルヘッダー領域に表示されるタイトルです。
サブタイトルヘッダー領域に表示されるサブタイトルです。
背景色ヘッダー領域の背景色です。
閉じるボタン背景色ヘッダー領域の閉じるボタンの背景色です。
閉じるボタン文字色ヘッダー領域の閉じるボタンの文字色です。

コンテンツ領域（チャットの内容が表示される領域）#

項目サブ項目内容
背景画像コンテンツ領域の背景に表示される画像です。※小さなサイズの場合、リピート表示されます。
背景色コンテンツ領域の背景色です。
オート吹き出しアイコンオートメッセージのアイコンです。
オート吹き出し背景色オートメッセージの背景色です。
オート吹き出し文字色オートメッセージの文字色です。
訪問者吹き出しアイコン訪問者メッセージのアイコンです。
訪問者吹き出し背景色訪問者メッセージの背景色です。
訪問者吹き出し文字色訪問者メッセージの文字色です。
オペレーター吹き出しアイコンオペレーターメッセージのアイコンです。
オペレーター吹き出し背景色オペレーターメッセージの背景色です。
オペレーター吹き出し文字色オペレーターメッセージの文字色です。
選択ボタン背景色シナリオ等で選択肢を作った際に表示されるボタンの背景色です。
選択ボタン文字色シナリオ等で選択肢を作った際に表示されるボタンの文字色です。
ファイル保存ボタン文字色ファイルをアップロードした際に表示されるボタンの背景色です。
ファイル保存ボタン文字色ファイルをアップロードした際に表示されるボタンの文字色です。

フッター領域（チャット画面下部領域）#

項目サブ項目内容
背景色フッター領域の背景色です。
メッセージ入力パネル背景色フッター領域の入力ボックスの背景色です。
メッセージ入力パネル文字色フッター領域の入力ボックスの文字色です。
送信ボタン背景色フッター領域の送信ボタンの背景色です。
送信ボタン文字色フッター領域の送信ボタンの文字色です。
ファイルボタン表示・非表示フッター領域のファイルボタンを表示するか選択できます。
ファイルボタンボタン色フッター領域のファイルボタンの色です。

チャットプレビュー画面#

プレビュー画面より、内容を確認することができます。

テスト画面更新ボタンで、チャットプレビュー画面の更新ができます。

note

チャットプレビュー画面でのテストは、集計には影響しません。