ガイド

ウィジェットのカスタマイズ

チャットウィジェットをブランドに合わせましょう。カラー、ロゴ、メッセージ、動作をダッシュボードからカスタマイズでき、コードの変更は不要です。

カスタマイズの方法

  1. 01

    チャネルを開く

    サイドバーの「チャネル」をクリックします。チャネルの設定を変更するには、オーナーまたは管理者である必要があります。

  2. 02

    Webサイトのチャネルを選ぶ

    Webサイト用のチャネルをクリックし、「ライブチャット」タブを開きます。ウィジェットのカスタマイズのオプションはすべてここにあります。

  3. 03

    設定を更新する

    ブランド、メッセージ、動作の設定を変更し、プレビュー を確認してから、変更を保存 を選択します。

  4. 04

    変更はすぐに反映されます

    ウィジェットはページを読み込むたびに設定を取得するため、次に訪問者がWebサイトを読み込んだときに変更が反映されます。

ブランド

サイト上でのウィジェットの見た目を決める設定です。ランチャーには2つのスタイルがあります。

  • ロゴ
  • アイコン
設定説明デフォルト
ランチャーのスタイル独自の画像を使う場合は「ロゴ」を、Sonnyの組み込みのランチャーアイコンから選ぶ場合は「アイコン」を選びます。アイコン
ウィジェットのロゴランチャーのスタイルが「ロゴ」のときに表示されます。2MB未満、64×64px以上のJPEG、PNG、GIF、WebP画像をアップロードします。独自のロゴなし
アイコンを選択ランチャーのスタイルが「アイコン」のときに表示されます。ランチャーに使う組み込みのアイコンを選びます。チャットの吹き出し
アイコンの色選んだランチャーアイコンの色を、カラーピッカーまたは6桁の16進数で設定します。#ffffff
ブランドカラーランチャーボタン、チャットのヘッダー、送信ボタン、送信メッセージの吹き出しに適用されます。#2563eb
ウィジェットの位置ウィジェットをページの右下と左下のどちらに表示するかを選びます。右下

メッセージ

訪問者がウィジェットを使うときに表示されるテキストをカスタマイズします。

あいさつメッセージ
訪問者がウィジェットを開いたときに、チャット画面の上部に表示されるテキストです。会話の雰囲気づくりに使います。
デフォルト:「こんにちは!どのようなご用件でしょうか?」 · 最大500文字
オンライン時のメッセージ
少なくとも1人のエージェントがオンラインのときに、チャットのヘッダーに表示されるステータスのテキストです。緑色のインジケーターと一緒に表示されます。
デフォルト:「通常、数分以内に返信します」 · 最大500文字
オフライン時のメッセージ
オンラインのエージェントがいないときに、チャットのヘッダーに表示されるステータスのテキストです。灰色のインジケーターと一緒に表示されます。
デフォルト:「ただいま不在です。メッセージを残していただければ、折り返しご連絡します」 · 最大500文字

動作

訪問者に対するウィジェットの動作を決める設定です。

メールアドレス入力の表示タイミング
訪問者に名前とメールアドレスを尋ねるタイミングを設定します。最初に連絡先を必須にするには「最初のメッセージの前」を、すぐにチャットを始めてもらい、後から情報を取得するには「最初のメッセージの後」(デフォルト)を選びます。
チャット前アンケート
チャットを始める前に、訪問者の情報を尋ねます。オンにしてから、必須項目 で名前、メールアドレス、またはその両方を選びます。少なくとも1つの項目を選択しておく必要があります。
営業時間
曜日ごとに営業時間を設定します。ウィジェットは、その時間内にエージェントが対応可能なときだけオンラインとして表示されます。時間外は訪問者にオフライン時のメッセージが表示され、AI自動応答を使っている場合はAIが対応できます。
ウィジェットを表示する場所
ウィジェットを選んだページだけに表示したり、ほかのページでは非表示にしたり、訪問者のグループ、URLパラメーター、期間、ページの滞在時間などの条件に一致したときだけ表示したりできます。表示ルールを設定する。
開発用の許可ドメイン
デフォルトでは、ウィジェットは登録した本番用ドメインでのみ読み込まれます。開発中にウィジェットをテストするには、追加のドメイン(localhost:3000 や staging.example.com など)を追加します。localhost は常に自動で許可されます。
「Powered by Sonny」を非表示
ウィジェットからSonnyのブランド表示を削除します。いずれかのAIプランまたはBYOKの解放に含まれています。
訪問者に配信済みマークを表示
Sonnyが訪問者のメッセージを受信すると、その下にチェックマークを表示します。チェックマークは、エージェントがメッセージを読んだことを意味するものではありません。

必須の情報と認証

チャット前の情報入力と訪問者の認証は、別々の課題を解決するものです。メールアドレスを必須にすると、新しい会話にはすべてメールアドレスによる識別が必要になります。有効な署名付きIDはこれを満たし、ブラウザでのメール識別が許可されている場合は、訪問者が入力したメールアドレスでも満たされます。保存された名前や回答済みのアンケートはメールアドレスによる識別ではないため、識別されていない会話を開く代わりに、Sonnyはもう一度尋ねます。

認証がオフまたは「任意の認証」の場合、訪問者が入力したメールアドレスで未認証の連絡先が作成され、デバイスをまたいだ履歴は利用できません。識別に証明を必須にする の場合、ブラウザで入力されたメールアドレスは識別として受け付けられないため、メールアドレスがチャット前の必須項目であれば、署名付きのJWTが必要です。

ウィジェットのインストールと管理

インストール用スニペット を使って、Webサイト用のコードをコピーします。リアルタイムの プレビュー で、保存した見た目の設定がどう表示されるかを確認できます。チャネルが不要になった場合は、Webサイトの接続を解除 を選択して確定します。

ウィジェット設定ガイド

関連ドキュメント