Webサイトチャネルの設定(新規)

Webサイトチャネルの設定(新規)

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Webサイトチャネルを使用すると、SalesIQ のライブチャットウィジェットを Webサイトに追加でき、訪問者はチームとリアルタイムで会話を開始できます。設定が完了すると、チャットランチャーがサイト上に表示され、閲覧中の顧客がすぐに問い合わせできるようになります。

チャネル一覧からWebサイトを選択すると、インストールページが表示されます。

インストール

このセクションでは、SalesIQ を Webサイトで有効にするために必要な JavaScript のインストールコードを提供します。チャットランチャーを表示するには、このスクリプトを Webサイトの HTML ソースコードに追加する必要があります。
  1. インストール手順
    1. 表示されているインストールコードをコピーします。
    2. Webサイトの HTML ソースコード内の body タグに貼り付けます。
    3. Webサイトの変更内容を保存して公開します。
  2. チャットランチャーを表示する Webサイト URL の追加
    1. この項目を使用して、チャットランチャーを表示する URL を指定します。
    2. チャットウィジェットを読み込めるのは、こちらに登録した URL のみです。これにより、許可されていないサイトでのスクリプトの不正利用を防止できます。
  3. モバイル/タブレットブラウザーでチャットランチャーを非表示にする
    1. チャットランチャーをデスクトップブラウザーにのみ表示したい場合は、このオプションを有効にします。
    2. すでにアプリ内メッセージングやモバイルアプリのサポート、別のモバイル向けエンゲージメントフローがある場合に便利です。
  4. 設定の保存
    1. インストールに関する変更を行ったら、保存をクリックして設定を反映します。

プレビュー

設定ページを離れることなく、プレビューパネルで Webサイト上のライブチャットウィジェットの表示を確認できます。プレビューするには、次の操作を行います。
  1. 任意の Webサイト URL を入力します。
  2. [プレビュー]を選択して、このパネル内に Webサイトを読み込みます。
  3. 公開前に、チャットウィジェットとチャットウィンドウが Webサイト上でどのように表示・読み込まれるかを正確に確認できます。
  4. プレビューウィンドウ上部のオプションから、デスクトップ、iOS、Android の各レイアウトでチャットウィジェットを確認できます。

パーソナライズ

[パーソナライズ]セクションでは、Webサイト上でのチャット体験の見た目や動作をカスタマイズできます。ランチャーの外観、メッセンジャーのレイアウト、チャットウィンドウのテキスト、フォーム、応答メッセージ、評価設定などを調整できます。パーソナライズにより、チャット画面をブランドイメージに合わせつつ、訪問者にとってわかりやすく使いやすい体験を提供できます。

ランチャー

ランチャーは、Webサイト上でライブチャットウィンドウを開くためのボタンです。アイコンのスタイルや色、表示ルールなど、ランチャーの見た目と動作をカスタマイズできます。

ランチャータイプ

Webサイト上でのチャットランチャーの表示方法を選択します。利用できるタイプは次のとおりです。
  1. 標準(デフォルトの SalesIQ ランチャーの外観)
  2. カスタム(SalesIQ のオプション内で外観をカスタマイズ)
  3. カスタムランチャーアイコン(デフォルトではなく独自のアイコンファイルを使用)

ランチャースタイル

コイン型やスライダー型など、好みに応じて利用可能なランチャーのビジュアルスタイルを選択します。


ランチャーのプロパティ

  1. ランチャーの色: ランチャーに単色を使用するか、グラデーションテーマを使用するかを選択します。Webサイトのブランディングに合わせて、特定のカラーコードを指定できます。
  1. ランチャーメッセージを非表示: 有効にすると、ランチャーアイコンの横に表示される短いあいさつメッセージを非表示にします。
    1. ランチャーメッセージ: 次の内容を設定できます。
      1. 短いタイトル
      2. 簡単なあいさつメッセージ
    2. これらはランチャーが表示されているときに表示され、訪問者に状況説明やチャット開始を促すメッセージとして機能します。
  1. 閉じるボタンを非表示: よりシンプルな画面にしたい場合は、ランチャーから閉じるアイコンを削除します。
  2. オフライン時にランチャーを非表示: オフライン時間帯はランチャー自体を完全に非表示にできます。

ランチャーの詳細設定

詳細ランチャーオプションでは、テーマの適用や、ランチャーの Webページ上での配置位置を制御できます。

シーズンテーマ
  1. クリスマス、ディワリ、ニューイヤーなど、季節に合わせたランチャーデザインを選択します。
  2. シーズンテーマを有効にすると、指定期間中は標準のランチャー外観が一時的に置き換えられます。
  3. テーマを表示する開始日と終了日を設定します。毎年自動的に同じテーマを適用したい場合は、自動的に毎年繰り返す設定も有効にできます。
訪問者によるランチャー位置の移動を許可
  1. このオプションを有効にすると、訪問者は Webサイト閲覧中に、ランチャーをドラッグして画面上の任意の位置に移動できるようになります。
ランチャー位置の設定
  1. ページ読み込み時にランチャーを表示するデフォルト位置を選択します。
  2. 好みのレイアウトに応じて、画面のいずれかの隅や端に配置できます。

メッセンジャー

メッセンジャーは、訪問者がランチャーをクリックしたときに開くメインチャットウィンドウです。このセクションでは、Webサイトのデザインやユーザー体験に合わせて、サイズ、テーマ、ホーム画面の表示をカスタマイズできます。

メッセンジャータイプ

  1. チャットウィンドウのサイズレイアウトを選択します。
  2. 標準(中)サイズレイアウトと、チャットや通話アクションにより広いスペースを提供する拡大レイアウトから選択できます。

メッセンジャーテーマ

  1. メッセンジャーをライトモードまたはダークモードのどちらで表示するかを選択します。
  2. これにより、チャット画面を Webサイトのビジュアルテーマやアクセシビリティの方針に合わせることができます。

ホーム画面の表示

ホーム画面は、訪問者がチャットを開始する前にメッセンジャー内で最初に表示されるビューです。次の方法で外観をカスタマイズできます。
ロゴの表示
  1. メッセンジャーのホーム画面に表示するロゴを選択します。右側のトグルでロゴの表示/非表示を切り替えられます。利用できるロゴの種類は次のとおりです。
    1. 会社ロゴ(組織のロゴ)
    2. ブランドロゴ(このブランド専用に設定されたロゴ)
    3. カスタムロゴ(メッセンジャー専用に別の画像をアップロード)
ホーム画面の背景色
  1. 単色の背景色またはグラデーションから選択します。
  2. Webサイトのカラーパレットに合わせたい場合は、カスタムカラーを選択します。
シーズンテーマ
  1. クリスマス、ディワリ、ニューイヤーなどのイベント向けに、テーマ付きのホーム画面デザインを適用します。
  2. 有効にすると、指定した期間中、メッセンジャーのホーム画面に選択したテーマが適用されます。
  3. テーマの開始日と終了日を設定し、毎年自動変更を有効にすると、再設定なしで毎年同じテーマを繰り返し適用できます。

ホーム画面の表示テキスト

ここでは、会話開始前にメッセンジャーのホーム画面に表示されるウェルカムテキストをカスタマイズできます。訪問者へのあいさつ、対応時間の案内、提供しているサポート内容の簡単な説明などに活用してください。
  1. ホーム画面タイトル: 訪問者がメッセンジャーを開いたときに表示される短い見出しを入力します。
  2. ホーム画面の説明: 通常の返信時間や提供できるサポート内容など、次に何が起こるかを簡潔に説明するメッセージを追加します。
  3. ホーム画面テキストの色: テキストの色を黒、白、またはカスタムカラーから選択します。背景色やシーズンテーマに応じて、テキストの視認性を確保するために使用します。

ホーム画面ウィジェット

ホーム画面ウィジェットを使用すると、チャット開始前のメッセンジャーホーム画面で、どのアクションや情報を利用可能にするかを決められます。訪問者に最初に行ってほしい操作に応じて、任意のウィジェットを組み合わせて有効にできます。利用可能なウィジェットは次のとおりです。
  1. チャット: チームとの新しいチャットを開始します。
  2. 通話: メッセンジャーから音声通話を開始します。
  3. 記事: 連携しているナレッジベースまたはヘルプセンターの記事を表示します。
  4. FAQ: よくある質問とその回答を表示します。
  5. 過去の会話: 再訪問者がこれまでのチャット履歴にアクセスできるようにします。
Info
メモ: 各ウィジェットの横にあるトグルで、有効/無効を切り替えられます。


ウィジェットを追加: [ウィジェットを追加]を選択すると、追加のウィジェットタイプを有効にできるサイドパネルが開きます。
  1. 画像ウィジェット: お知らせ、キャンペーン、イベント、その他のビジュアルコンテンツをメッセンジャーホーム画面に表示する際に使用します。
  2. 動画ウィジェット: チャット開始前に、製品デモ、紹介動画、機能説明などの有用な動画を表示する際に使用します。
これらのウィジェットを利用することで、訪問者が会話を開始する前から、リッチなコンテンツを提示できます。


チャット

[チャット]設定では、チャットウィンドウの動作や、訪問者がチームとの会話をどのように開始するかを制御できます。

フォームのパーソナライズ

ここでは、訪問者がセッション開始前に入力するプレチャットフォームを定義します。
  1. メッセンジャーの表示情報: チャットウィンドウ上部に表示する情報を選択します。
    1. 会社
    2. ブランド
    3. オペレーター(担当エージェントの名前やプロフィール画像などの情報を表示)
  2. 画像の表示: 選択内容に応じて、会社、ブランド、またはオペレーターの画像を表示するかどうかを選択できます。
  3. フォームスタイル: チャット内での項目の表示方法を決定します。
    1. 会話形式: フォーム項目が、チャットボットが質問を1つずつ行うような形式で表示されます。
    2. クラシック: すべてのフォーム項目が一度に表示される、一般的なフォーム形式です。
  4. 名前: 表示情報としてオペレーターを選択した場合、フォームに表示されるオペレーター名を編集できます。
  5. オンラインフォーム: チームがオンラインのときに表示する項目をカスタマイズします。次の標準項目を有効/無効にできます。
    1. メッセージ
    2. 名前
    3. メール
    4. 電話
    5. 部署
    6. 項目を追加: ニュースレターの購読可否を取得したい場合は、[項目を追加]をクリックし、ニュースレターサブスクリプションを有効にします。有効にすると、「ニュースレターを購読しますか?」と確認するチェックボックスがフォームに追加されます。
Info
メモ: 各項目は必須に設定したり、必要に応じて並び順を変更したりできます。


  1. オフラインフォーム: 営業時間外やビジネスがオフラインのときに表示する、別のフォームを設定できます。同じ項目をこちらでも利用できるため、必要に応じてフォームをカスタマイズできます。メッセンジャーがオフラインになるケースの詳細はこちらをご覧ください。


会話オプション: これらの設定では、訪問者がチームとチャットでやり取りするときの動作を制御します。
  1. 訪問者によるクローズ済みチャットの再開を許可: 訪問者は、過去に終了したチャットを再度開き、新しいチャットを開始せずに会話を続けることができます。
  2. 並行チャットを許可:訪問者が同時に複数の会話を開始できるようにします(たとえば、サポート用と営業用の2つのチャットなど)。
  3. チャットの内容をメールで送信: チャットの内容を訪問者にメールで送信します。メール内に表示する情報として、ブランド情報または会社情報のどちらを表示するかを選択できます。
メッセージ操作: チャット中に、訪問者が自分のメッセージに対して行える操作を制御します。
  1. 訪問者によるメッセージの編集を許可: 訪問者は、送信済みのメッセージを更新または修正できます。
  2. 訪問者によるメッセージの削除を許可:会話ウィンドウからメッセージを削除できるようにします。
  3. 訪問者によるボイスメッセージの送信を許可:チャットにマイクアイコンを表示し、訪問者が文字入力の代わりに音声メッセージを送信できるようにします。
  4. 訪問者による添付ファイルの共有を許可:チャットで画像、PDF、スクリーンショット、その他のファイルをアップロードできるようにします。
  5. 訪問者による絵文字の送信を許可: チャットウィンドウに絵文字ピッカーを表示します。
  6. 既読通知を訪問者に表示:オペレーターがメッセージを閲覧したかどうかを表示します。
インタラクションツール: ライブチャット中に利用できる追加のコミュニケーション機能を制御します。
  1. チャット中の音声通話を許可: 訪問者がチャットから音声通話に切り替えられるオプションを追加します。
  2. 訪問者による画面共有を許可: 訪問者がオペレーターと画面を共有できるよう、「画面共有リクエスト」ボタンを有効にします。トラブルシューティングや案内に利用できます。

応答メッセージ

これらのメッセージは、会話の特定のタイミングで自動的に訪問者に表示されます。各メッセージは個別に有効/無効を切り替えたり、文言を編集したりできます。
  1. 挨拶メッセージ: 訪問者がチャットウィンドウを開いた直後に表示されます。ユーザーを歓迎し、質問の入力を促すのに役立ちます。
  2. 待機メッセージ: SalesIQ が訪問者をオペレーターに接続している間に表示されます。まもなく対応することを伝え、安心感を与えます。
  3. オペレーター対応中メッセージ: すべてのオペレーターが対応中または手一杯のときに表示されます。チャットを離脱せず、メッセージを残すよう訪問者に促します。
  4. オペレーター多忙メッセージ: オペレーターが一度は空き状態だったものの、チャットを受け付ける前に多忙になった場合に表示されます。まもなく折り返し連絡することを訪問者に伝えます。

  1. オペレーター多忙時の応答: 多忙時に訪問者がメッセージを残したあとに表示されます。メッセージを受信したことを確認します。
  2. チャット転送情報メッセージ: チャットがあるオペレーター/部門から別のオペレーター/部門に転送されたときに表示されます。担当が切り替わった理由を訪問者に分かりやすく伝えます。
  3. オペレーターオフラインメッセージ: 営業時間外にチャットが開始されたときに表示されます。折り返し連絡のためにメッセージを残すよう訪問者に促します。
  4. 終了メッセージ: チャット終了時に表示されます。訪問者へのお礼や、評価・フィードバックの依頼に利用します。


Notes
メモ: 動的プレースホルダーを挿入することで、各メッセージをパーソナライズできます。「%」を入力すると、訪問者情報(名前、メールアドレス、国など)、オペレーター情報、その他のコンテキスト値から選択できます。メッセージ送信時に自動的に差し込まれます。

評価とフィードバック

このセクションでは、チャット終了後に訪問者からフィードバックを収集し、サービス品質の測定や改善点の把握に役立てることができます。
  1. 訪問者による評価を許可: 会話の最後に体験を評価してもらいたい場合は、このオプションを有効にします。有効にすると、次の項目をカスタマイズできます。
    1. タイトル – 評価オプションの上に表示される見出し。
    2. 😢 用メッセージ – 低評価が付けられたときに表示されるメッセージ(例: 「お力になれず申し訳ありません…」)。
    3. 🙂 用メッセージ – 中立的な評価に対して表示されるメッセージ。
    4. 😄 用メッセージ – 高評価に対して表示されるメッセージ。
Info
これらのメッセージは、選択された評価に応じて自動的に表示されます。
  1. 訪問者によるフィードバック送信を許可: 有効にすると、チャット終了後にテキストボックスが表示され、訪問者がコメントを入力できるようになります。次の項目をカスタマイズできます。
    1. 差し込み項目テキスト – 入力ボックス内に表示する案内テキスト
    2. メッセージ – フィードバック送信後に表示される確認メッセージ

通話

このセクションでは、Webサイト上での音声通話リクエストの処理方法を設定できます。訪問者がメッセンジャー内から通話を開始した際に、どの情報を取得するか、通話ウィンドウをどのように表示するかを定義します。

フォームのパーソナライズ

こちらでは、通話フォームの見た目や、通話開始前に訪問者へ表示する情報を設定します。
  1. メッセンジャー表示情報: 通話画面にどの情報を表示するかを選択します。
    1. 会社 – 組織名を表示
    2. ブランド – 特定のブランド名を表示
    3. オペレーター – オペレーター名を表示
      1. オペレーター画像を表示: 通話中にオペレーターのプロフィール画像を表示したい場合に有効にします。
  2. 訪問者情報の取得: 通話を開始する前に、さまざまな入力情報を取得できます。これにより、通話を適切に振り分け、応答前に状況を把握するのに役立ちます。フォームは次の用途ごとに用意されています。
    1. 営業時間内/オンラインフォーム - チームがオンラインのときに表示する項目をカスタマイズします。次の標準項目を有効/無効にできます。
      1. 名前
      2. メールアドレス
      3. 電話番号
      4. 部門
      5. 項目の追加: ニュースレターの購読可否を取得したい場合は、[項目を追加]をクリックし、「ニュースレター購読」を有効にします。有効にすると、ニュースレター購読の可否を確認するチェックボックスが追加されます。
Notes
メモ: 各項目は必須に設定したり、必要に応じて並び順を変更したりできます。
  1. 営業時間外/オフラインフォーム: ビジネスがオフラインのときに表示する別のフォームを設定できます。同じ項目をこちらでも利用できるため、必要に応じてカスタマイズできます。

応答メッセージ

このセクションでは、通話の各ステータスで表示されるメッセージをカスタマイズできます。オペレーターが不在の場合でも、訪問者を案内し、手順や期待値を明確にするのに役立ちます。
  1. 待機メッセージ:SalesIQ が訪問者をオペレーターに接続している間に表示するメッセージを設定できます。通話接続中であることを訪問者に知らせるために使用します。
  2. オペレーター多忙メッセージ:選択されたオペレーターが通話を受けられない場合に表示するメッセージを設定できます。たとえば、代わりにボイスメッセージを残すよう依頼したい場合に便利です。
  3. オペレーター対応中メッセージ:すべてのオペレーターがすでに他の通話に対応している場合に表示するメッセージをカスタマイズできます。ボイスメッセージへの誘導や、時間をおいて再度発信するよう案内する際に利用できます。
Notes
メモ: 動的プレースホルダーを挿入することで、各メッセージをパーソナライズできます。「%」を入力すると、訪問者情報(名前、メールアドレス、国など)、オペレーター情報、その他のコンテキスト値から選択できます。メッセージ送信時に自動的に差し込まれます。


評価とフィードバック

このセクションでは、通話終了後に訪問者から評価やコメントを収集できます。体験に応じて表示されるテキストをカスタマイズし、追加情報を取得するためのフィードバック項目を表示できます。
  1. 訪問者による評価を許可: 通話終了後に評価プロンプトを表示したい場合は、このオプションを有効にします。訪問者の感情に応じて適切にフィードバックを受け取るのに役立ちます。有効にすると、次の項目をカスタマイズできます。
    1. タイトル: 評価オプションの上に表示される見出し。
    2. 😟 用メッセージ: 低評価に対して表示するカスタマイズメッセージ。
    3. 🙂 用メッセージ: 中立的な評価に対して表示するカスタマイズメッセージ。
    4. 😄 用メッセージ: 高評価に対して表示するカスタマイズメッセージ。
  2. 訪問者によるフィードバック送信を許可: 評価とあわせて追加コメントを入力してもらいたい場合に有効にします。次の項目をカスタマイズできます。
  3. 差し込み項目テキスト: 訪問者が入力を開始する前に、入力ボックス内に表示されるテキスト。
  4. メッセージ: フィードバック送信後に表示される確認メッセージ。

ヘルプ

このセクションでは、メッセンジャー内にセルフサービスのオプションを提供できます。訪問者は、チームに連絡する前に記事やFAQなどのリソースを閲覧できます。

タブ名

メッセンジャー内のセルフヘルプタブに表示する名前を入力します(たとえば「ヘルプセンター」「ナレッジベース」など)。

部門

このヘルプセクションに表示する記事やFAQを持つ部門を選択します。選択した部門で公開されているコンテンツが訪問者に表示されます。

優先設定

訪問者が利用できるヘルプの種類を選択します。次のいずれかを選べます。
  1. 従来型: 訪問者はオペレーターに連絡せずに、ナレッジベース記事やFAQを閲覧できます。メッセンジャー内で、これらのリソースを直接閲覧・検索できます。このタブに表示するウィジェットを有効にします。
    1. 記事 – 選択した部門に関連する公開済みナレッジベース記事を表示します。
    2. FAQ – 選択した部門ごとにグループ化されたよくある質問を表示します。

  1. AI ベース: セルフヘルプの閲覧ではなく、自動応答を提供したい場合は、優先設定を「AI ベース」に切り替えます。これにより、Webサイトのメッセンジャー内でAIアシスタントが有効になり、訪問者は質問を入力するだけで、ナレッジベースに基づいた回答を即座に取得できます。
    1. 利用可能なサービス:訪問者からの質問を処理するAIエンジンを選択します。
      1. Zoho Zia – Zoho Zia エンジンを使用し、記事やFAQを基に問い合わせに対してコンテキストに応じた回答を提供します。Zoho Zia が参照できるリソースを選択し、記事、FAQ、またはその両方から学習させることができます。
        1. 回答の参照元を表示: AIアシスタントに、回答の出典を表示させたい場合に有効にします。訪問者は参照リンクをクリックして、該当する記事やFAQ全文を閲覧できます。
        2. タイトル: AI入力ボックスの上に表示する短い見出しを追加します。たとえば: 「何でもお尋ねください」
        3. プロンプトテキスト:訪問者の入力を促すサンプル質問を設定します。たとえば: 「オペレーターを削除するにはどうすればよいですか?」
        4. 結果なし時の応答: AIが回答を見つけられなかった場合に表示するフォールバックメッセージを設定します。たとえば: 「申し訳ありません。そのご質問に対する回答が見つかりませんでした。」
      1. OpenAI – ナレッジコンテンツを利用して、ChatGPT が会話形式の回答を生成します。
        1. 回答の参照元: 使用するモデルまたは連携済みの OpenAI アシスタントを選択し、AI がどこから回答を取得するかを指定します。
        2. タイトル: Messenger のホームページで、AI 体験の上部に表示する短い見出しを追加します。例: 「なんでも聞いてください」や「お困りですか?」など。
        3. プロンプトテキスト: 訪問者が回答を得るために入力しそうなプロンプトの例を入力します。
    1. 記事プレビューからチャット開始を許可: ヘルプセクションを見ていて、さらにサポートが必要な場合に、訪問者が記事プレビューから直接チャットを開始できるようにするには有効にします。

Configurations

このセクションでは、アクティビティがない場合にチャットをどのくらい開いたままにするかを制御したり、CSS や訪問者トラッキングなどの高度なカスタマイズを適用したりできます。

Conversation timeout settings

これらの設定により、非アクティブなチャットを自動的にクローズして、受信箱を整理しやすく保つことができます。
  1. チャットの待ち時間: オペレーターに「訪問者が待機中」であることを通知するまでの待ち時間を設定します。例: 60 秒の場合、1 分以内に応答がないとチャットがエスカレーションされます。
  2. 通話の待ち時間: チャットの待ち時間と同様に、通話が不在着信としてマークされるまで待機状態にしておく時間を定義します。
  3. 未対応チャットのクローズ:
    1. オペレーターが誰も応答しなかったチャットを自動的にクローズする場合に有効にします。
    2. 未対応の会話を自動的にクローズするまでの時間を設定します。
  4. アイドルチャットのクローズ
    1. 訪問者と担当者の双方が応答しなくなった会話を自動的にクローズする場合に有効にします。
    2. 例: 4 時間アクティビティがなければチャットを自動的にクローズします。
  5. チャットクローズ時のメッセージ: チャットが自動的にクローズされる際に、訪問者へ送信されるメッセージをカスタマイズします。例: 「お問い合わせいただきありがとうございました。またいつでもご連絡ください。」

Tracking and customization

  1. Webサイト訪問者トラッキング: プランで有効になっている場合、Webサイト上での訪問者の閲覧データを収集するトラッキングを有効にします。これにより、再訪問者やその閲覧履歴を把握できます。
  2. カスタム CSS のアップロード: 独自の CSS ファイルをアップロードして、SalesIQ Messenger のデザインをカスタマイズします。色、レイアウト、ウィジェットの見た目、フォントなどを細かく制御したい場合に便利です。
Notes
アップロードできるファイルサイズの上限は 1 MB です。