/
【WhatYa】チャットデザインを設定しよう
【WhatYa】チャットデザインを設定しよう
WHTAYAV2
質問
チャットボタンやチャットウィンドウはどう設定すればよいでしょうか?
解決策
CSSでチャットボタンやチャットウィンドウのカスタマイズが可能です。
導入企業様のWebサイト上から、styleタグもしくはCSSファイルなどを利用して、直接チャットウィンドウのデザインを設定いただきます。
チャットのデザインを決めていただく場合に、空色から提供させていただいているプレビュー画面でCSSの指定結果をご確認いただけます。
プレビュー画面利用イメージ
左上のボックスにCSSを記載し「CSS適用」ボタンをクリックすると、右のチャットウインドウが指定したデザインに変化します
プレビュー画面を利用して、CSSのコードが決まりましたら、
そのコードを<style></style>タグで囲んでチャットウィンドウを表示させたいページに埋め込んで下さい。
※CSSファイルからClass、idを指定する方法でも問題ありません。
もう少し詳細な情報は、ベンダー向けのデザイン資料をご用意させていただいてますので、よろしければこちらもご活用下さい。
Related articles
指定できるclass・idについては、以下の記事を参考にしてください。
ラベルで絞り込み
現在、選択したラベルのアイテムはありません。
Related content
【WhatYa】チャットウィンドウ上の文言変更可能な箇所について
【WhatYa】チャットウィンドウ上の文言変更可能な箇所について
Read with this
【初期設定】WhatYaアイコンサンプル
【初期設定】WhatYaアイコンサンプル
More like this
【プリセット】レビュー投稿案内(チラシ)
【プリセット】レビュー投稿案内(チラシ)
More like this
【プリセット】定期購買案内
【プリセット】定期購買案内
More like this
【プリセット】優良顧客限定商品(闇市)の案内
【プリセット】優良顧客限定商品(闇市)の案内
More like this
【プリセット】初回購入後クーポン有効期限案内
【プリセット】初回購入後クーポン有効期限案内
More like this