メタデータの末尾にスキップ
メタデータの先頭に移動

このページの古いバージョンを表示しています。現在のバージョンを表示します。

現在のバージョンとの相違点 ページ履歴を表示

バージョン 1 次のバージョン »

質問

チャットボタン、チャットウィンドウの設定をしたい

解決策

CSSでチャットボタンやチャットウィンドウのカスタマイズが可能です。
導入企業様のWebサイト上から、styleタグもしくはCSSファイルなどを利用して、直接チャットウィンドウのデザインを設定いただきます。

チャットのデザインを決めていただく場合に、空色から提供させていただいているプレビュー画面でCSSの指定結果をご確認いただけます。

プレビュー画面利用イメージ

左上のボックスにCSSを記載し「CSS適用」ボタンをクリックすると、右のチャットウインドウが指定したデザインに変化します

プレビュー画面を利用して、CSSのコードが決まりましたら、
そのコードを<style></style>タグで囲んでチャットウィンドウを表示させたいページに埋め込んで下さい。
※CSSファイルからClass、idを指定する方法でも問題ありません。

指定できるclass・idについては、以下の記事を参考にしてください。

【WhatYa V2】CSSで指定可能なid,classについて

  • ラベルがありません