| ステータス |
|---|
| colour | Yellow |
|---|
| title | WHTAYAV2 |
|---|
|
質問| 情報 |
|---|
チャットボタン、チャットウィンドウの設定をしたい |
解決策
CSSでチャットボタンやチャットウィンドウのカスタマイズが可能です。
導入企業様のWebサイト上から、styleタグもしくはCSSファイルなどを利用して、直接チャットウィンドウのデザインを設定いただきます。
チャットのデザインを決めていただく場合に、空色から提供させていただいているプレビュー画面でCSSの指定結果をご確認いただけます。
プレビュー画面利用イメージ
左上のボックスにCSSを記載し「CSS適用」ボタンをクリックすると、右のチャットウインドウが指定したデザインに変化します
Image Removed
Image Addedプレビュー画面を利用して、CSSのコードが決まりましたら、
そのコードを<style></style>タグで囲んでチャットウィンドウを表示させたいページに埋め込んで下さい。
※CSSファイルからClass、idを指定する方法でも問題ありません。
もう少し詳細な情報は、ベンダー向けのデザイン資料をご用意させていただいてますので、よろしければこちらもご活用下さい。
| ウィジェット コネクタ |
|---|
| width | 750 |
|---|
| url | https://docs.google.com/presentation/d/1ixHM4Omi78vVxVESfgQe8OwwfK11jOqD/edit#slide=id.p9 |
|---|
| height | 600 |
|---|
|
Related articles
指定できるclass・idについては、以下の記事を参考にしてください。
【WhatYa】CSSで指定可能なid,classについて
| ラベルで絞り込み (ラベル別のコンテンツ) |
|---|
| showLabels | false |
|---|
| max | 5 |
|---|
| spaces | com.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@3d0356c |
|---|
| sort | modified |
|---|
| showSpace | false |
|---|
| reverse | true |
|---|
| type | page |
|---|
| cql | label in ( "導入前のお客様" , "サービスサイト" ) and type = "page" and space = "WHAT1" |
|---|
| labels | サービスサイト 導入前のお客様 |
|---|
|