ご利用ガイド

thumbnail

チャットボタン

大切なサイトにチャネルトークのボタンが自然に溶け込むように位置を修正したり、カスタムボタンでブランドの個性を表現できます。

マルチプラグインで各ページごとに異なるボタンを表示させることができます。ボタンリストで表示させたいチャットボタンを選択し、各ボタン別に設定を行なってください。

  • [基本ボタン] で設定したプラグインが、チャット画面のURLやワークフローで使用される基本のプラグインになります。

  • 同じ顧客データで管理している複数のサイトがある場合は、マルチプラグインを活用してください。

  • プラグイン別にプラグインキーを活用して、それぞれの違うサイトや違うページに設置してください。

チャットボタンのプラグインキーまたはインストールスクリプトを確認できます。詳しい設置方法はこちらをご確認ください。

  • チャネルトークの基本のチャットボタンを19種類の多様なアイコンに変更できます。お好みのボタンデザインを選んでカラーも自由に設定できます。

  • ボタンの背景色はチャネルのテーマの色に準じます。背景色が暗いほどアイコンは白っぽくなり、背景色が明るいと暗めになります。

ブランドの雰囲気を伝える画像にボタンを変更したい場合は、画像をアップロードしてカスタマイズすることができます。設定方法と活用例をご覧ください。

  • アップロード可能な拡張子:png・ jpg・ gif

  • 画像の推奨サイズは最小180x180px、1:1の比率でアップロードできます。

  • デスクトップボタンは56px、モバイルウェブボタンは44pxのサイズで自動で調整されます。

  • デスクトップボタンとモバイルウェブボタンは同じ画像が適用されます。

  • 背景のないpngファイルの場合、バックグラウンドに背景色が適用されます。

  • モバイルネイティブSDKの場合、別途コーディングによるカスタマイズが必要です。

既存の1:1の比率ではない画像をカスタムボタンとして利用中の場合、そのまま維持することができます。ただし、新しい画像をアップロードする際には1:1比率のサイズでのみ登録ができます。変更後は以前の画像に戻すことができません。

活用イメージ

チャネルトークの基本のチャットボタンを使わずにボタンをカスタマイズしたいが、どのように設定すればいいか分からない場合は、こちらの活用イメージをご参考ください。

顧客がサイトに初めて訪問した際に、チャットで問い合わせができることを知らせる横長のボタンのことを指します。

  • 拡大型ボタンは4〜30字まで設定できます。

  • 初めてのセッションで1回表示され、以降は基本のボタンが表示されます。

  • チームメンバーのプロフィールがオンになっている場合、チャネルに参加している全てのチームメンバーのうち、オペレーターシートがオンになっていて、接客チャット統計のオペレーター別統計のスコアが高いチームメンバーが2人表示されます。

  • チームメンバーのプロフィールは、PCでのみ表示されます。

基本運営設定のみ設定されている場合

運営設定が2つ以上の場合

  • 営業時間及び応答までの速度とは関係なしに表示され、[チャットをはじめる] の文言が表示されます。

  • 顧客がサイトを訪問してチャネルトークのチャットボタンを押した後に表示される、ラウンジ(チャットリスト) 画面のテーマを設定できます。

  • [ライト]、[ダーク]、[システム] モードで適用でき、システムモードに設定しておくと、お客様のシステム(ブラウザ)設定に従います。

  • 自社で開発したサイトの場合、APIを活用してデスクの設定より優先的に適用されるテーマを指定できます。

PCでサイトを訪れた際に表示されるチャットボタンを設置できます。

  • 方法:[チャネル設定] - [基本設定ボタンの設置・設定] - [チャットボタンの設定] - [デスクトップ]

オプション

説明

ボタンを非表示にする

PCウェブサイトでチャネルトークのボタンを非表示にすることができます。

位置

サイトの左側 / 右側にボタンが位置するように設定できます。

位置の調節

上下 / 縦横に、一定の範囲内で位置調整が可能です。

モバイルウェブでサイトを訪問した際に表示されるチャットボタンを設定できます。

  • 方法:[チャネル設定] - [基本設定ボタンの設置・設定] - [チャットボタンの設定] - [モバイルウェブ]

オプション

説明

モバイル設定

モバイルウェブでチャットボタンを隠すことができます。

位置

サイトの左側 / 右側にボタンが位置するように設定できます。

位置調節

上下 / 縦横に、一定の範囲内で位置調整が可能です。

拡大型ボタンの位置

拡大型ボタン、プッシュ通知やマーケティングメッセージの位置を設定できます。

特定のページにのみチャットボタンを表示させたい場合は、 ホワイトリストを設定してください。ホワイトリストに、チャットボタンを表示させたいドメインを入力すれば、該当のドメインでのみボタンが表示されます。

  • ドメインの入力時、httpまたはhttpsを除いた残りのアドレスを入力してください。

入力した文字列が含まれた全てのドメインに適用されます。適用させたいページが多い場合は、共通して含まれている文字列のみ入力すれば、一度に複数のページに適用させることができます。

拡大型ボタンを常に表示させたいです。

拡大型ボタンは、顧客が最初にサイトを訪問したときにチャットボタンを認知させることを目的として、セッションごとに最初の1回のみ表示されます。

作動方式

  • 最初のサイト訪問時に拡大型ボタンが表示されます。

  • 10秒後、顧客がスクロール、更新、ページ移動をすると、基本ボタンに変更されます。

  • 拡大型ボタンをクリックするか閉じるを押すと、デフォルトのボタンに変更されます。

  • ブラウザーを閉じて再度開くと、拡大型ボタンが再び表示されますが、クッキーが残っている場合は、その後の訪問時に表示されません。(他のブラウザーやデバイスでは再び表示されます)

チャネルトークは企業と顧客間の円滑なコミュニケーションを助けることを目標とし、サイトの審美性と自然なブラウジング経験を大切にします。拡大型ボタンが繰り返し強調されないようにすることで、顧客のWebサイトの利用経験を損なわずにチャット機能を認知できるように設計されました。

拡大型ボタンにチームメンバーのプロフィール写真が表示されません。

チームメンバー候補が1人だったり、チームメンバーがチャネルプロフィールで応対している場合、拡大型ボタンにチームメンバーのプロフィールが表示されません。つまり、チームメンバープロフィールを表示できない場合は、拡大型ボタンにテキストのみが表示されます。また、モバイル ウェブでもチームメンバーのプロフィールは表示されません。

チームメンバーのプロフィール表示条件

  • チャネルプロフィールで応対がOFFで、

  • 担当者なしの通知がONで、

  • オペレーダリーダーボードの点数が高い順