ページの比較

チャットデザインの作成方法・概念をこのページで解説しています。

...

• 背景色
  ボット応答吹き出しの背景色を設定できます。

  

• 文字色
  ボット応答吹き出し内の文字色を設定できます。

  

*/ 投稿者名の文字色を変更 */
._ChatWindowContent_POST_USER {
 color: #a0d8ef;
}

*/ 投稿日時の文字色を変更 */
._ChatWindowContent_POST_DATE_TIME {
 color: #a0d8ef;
}

オペレータ応答吹き出しの背景色と文字色を設定できます。

• 背景色
  オペレータ応答吹き出しの背景色を設定できます。

  

• 文字色
  オペレータ応答吹き出し内の文字色を設定できます。

  

*/ 投稿者名の文字色を変更 */
._ChatWindowContent_POST_USER {
 color: #a0d8ef;
}

*/ 投稿日時の文字色を変更 */
._ChatWindowContent_POST_DATE_TIME {
 color: #a0d8ef;
}

ユーザー発言吹き出しの背景色と文字色を設定できます。

• 背景色
  ユーザー発言吹き出しの背景色を設定できます。

  

• 文字色
  ユーザー発言吹き出し内の文字色を設定できます。

  

*/ 投稿者名の文字色を変更 */
._ChatWindowContent_POST_USER {
 color: #a0d8ef;
}

*/ 投稿日時の文字色を変更 */
._ChatWindowContent_POST_DATE_TIME {
 color: #a0d8ef;
}

選択肢リストメッセージの背景色と文字色を設定できます。

• 背景色
  選択肢リストメッセージの背景色を設定できます。

  

• 文字色
  選択肢リストメッセージ内の文字色を設定できます。

  

以下の要素はチャットデザインで設定することができないため、CSSでデザインをご指定いただけますようお願いいたします。

• メニュー画面
  

• オペレーター接続文言
  

• オペレーター切断文言
  

• 有人モード再接続ボタン
  

• （有人モード）ファイル添付ボタン
  

• （有人モード）ファイルアップロード画面
  
  

カラーの設定方法
　└カラーの指定方法
　└画像の指定方法

...

1. チャットデザイン ＞ 保存済み一覧の中から、編集したいリビジョンをクリック

   

2. 「編集」ボタンをクリック

   

3. 「編集」ボタンクリック後、編集画面に遷移

   

4. 編集が完了しましたら、「保存」ボタンをクリック

   

5. 「保存」ボタンをクリック後、任意のコメントを入力し、「確定」ボタンをクリック
   以上で編集完了となります。

   

   
   編集完了後、保存済み一覧の一番上に編集済みのリビジョンが表示されます。

   

適用中のリビジョンを編集したい場合は、保存済み一覧の適用中のリビジョンから編集を行ってください。
※編集完了後、再度本番環境に反映したい場合は本番環境反映の手順を行ってください。

...

1. チャットデザイン ＞ 保存済み一覧の中から、削除したいリビジョン をクリック

   

2. 「この設定を削除」ボタンをクリック

   

3. 該当のリビジョンを削除する場合は「はい」をクリック
   ※削除をやめる場合は「いいえ」をクリックすると、削除がキャンセルされます。

   

   
   画面右下に「削除しました」というダイアログが表示されると、リビジョンの削除が完了となります。

   

適用中のリビジョンを削除したい場合は、保存済み一覧の適用中のリビジョンから削除をしてください。

...