チャットデザインのカスタマイズ方法と事例紹介
著者:坂本彩(ayaaason)Webサイトやアプリにチャットを導入するとまず悩むのは、チャットデザインではないでしょうか?チャネルトークの導入事例と共にみなさんがどんなチャットデザインに設定しているのか紹介します!
★マークがついている設定は、重要なので設定しましょう!
👉チャネルトーク導入後のTodoリストもぜひご覧ください!
✔️チャットボタンのカラー設定★
「チャネルの設定」>「チャットの導入および設定」>「チャットボタンのカスタマイズ」から、ブランドカラーに合ったテーマの色に変更してください。
(✔️チャットボタンの表示位置を設定する)
「チャネルの設定」>「チャットの導入および設定」>「チャットボタンのカスタマイズ」に進み、ボタンの位置調節をしましょう。
(✔️チャットボタンのテキストを設定)
「チャネルの設定」>「チャットの導入および設定」>「ボタンのテキスト」に進み、ボタンに表示するテキストを変更しましょう
✔️チャットボタンの画像をアップロード★
「チャネルの設定」>「チャットの導入および設定」>「ボタンのカスタマイズ」に進み、チャットデザインの画像をアップロードすることができます!
デスクトップとモバイルでは、最適な画像サイズが異なるため、それぞれアップロードしてください!
Randeboo:D2C/EC
画像引用:Randeboo
Randebooのチャットデザイン
画像引用:Randeboo
invoy:B2B SaaS
画像引用:invoy
invoyのチャットデザイン
画像引用:invoy
invoyのお問い合わせボタンをクリックするとチャットが開くようにカスタマイズ
画像引用:invoy
両筑プランツショップ:EC
画像引用:両筑プランツショップ
両筑プランツショップのチャットデザイン
画像引用:両筑プランツショップ
Payme:BtoBtoC
画像引用:Payme
Paymeのチャットデザイン
画像引用:Payme
PANDA STUDIO:toC レンタル
画像引用:PANDASTUDIO
PANDA STUDIOのチャットデザイン
画像引用:PANDASTUDIO
CHUU:D2C アパレル
画像引用:CHUU
CHUUはチャットボタンデザインをカスタマイズ
CHUU
まとめ
いかがでしたか?チャネルトークの通常のアイコンでチャットを使うのも良いですが、チャットデザインをよりブランドに対する親近感が湧くものに変更したり、ポップアップでお問い合わせを誘導しているサイトさんが成功しています!
サービスのファンを作るためにぜひご活用ください!😊
熱狂的ファンを作るCSチャット
"チャネルトーク"
- Webチャットとチャットボット機能 お客様の声を聞いて、サービスのファンにしましょう!
- カスタマーマーケティング機能 サイト内ポップアップやメール、SMSへのステップ自動配信
- ビジネスチャット 完全無料の社内コミュニケーション
- 導入事例 Olta, Payme, Randeboo, Meilyなど100,000社導入