【カスタムCSS】画面の解説

こちらのページでカスタムCSSについて解説します。

WhatYa管理画面上でWhatYaのCSSを記述することができます。

利用する際の前提や注意事項等、以下に記載いたします。

前提：チャット設定 「CSS分離」にチェックを入れていること
カスタムCSSを利用する場合はチャット設定の「CSS分離」にチェックを入れてください。

⭕ メリット

• お客さまがご利用のECパッケージのCSSの影響による、デザイン崩れを低減できること
  ※ただし、ECパッケージのCSSの単位がremで指定されている場合は影響を受けます。（フォントサイズ等）

• WhatYa管理画面上でWhatYaのCSSを設定できること
  

❌ デメリット

• 現在WhatYaをご利用のお客さまの場合、お客さま側で設定されているCSSが効かなくなること

• お客さま側で設定されているJavaScript から WhatYaのボタンを操作することが難しくなること
  例）以下のコードのように特定の要素をクリック後、チャットウィンドウを起動させている場合

  onclick="document.querySelector('div#_ChatButton > button').click();return false;"

  
  ※イメージ

  

利用の流れ

基本的な設定の流れは、以下の通りです。