お客さまへの大切なお知らせ：膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。

コミュニケーションの受信トレイでチャットチャネルを接続してカスタマイズする

更新日時 2026年11月3日

以下の製品でご利用いただけます（別途記載されている場合を除きます）。

すべての製品とプラン

チャットチャネルがコミュニケーションの受信トレイに接続されている場合、訪問者はウェブサイトからチームとのコミュニケーションを開始できます。チームメンバーはリアルタイムで顧客とチャットしたり、ルールベースのチャットボットをセットアップしてプリセットの応答を送信したり、情報を収集したりできます。

この記事では、チャットチャネルをコミュニケーションの受信トレイに接続する方法、チャットウィジェットの外観(ウィジェットの色やアバターなど)をカスタマイズする方法、チームの空き状況を設定する方法を説明します。

既存のチャットフローをヘルプデスクに移行する方法をご覧ください。

チャットチャネルを接続する

HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンをクリックします。
左側のサイドバーメニューから、「受信トレイ」& 、「ヘルプデスク」> 、「チャンネル」の順に選択します。
「Webおよびアプリ」セクションの「チャット」をクリックします。
「Connectチャット」をクリックしてください。
「受信したコミュニケーションを送信先」のドロップダウンをクリックし、コミュニケーションを送信したい受信トレイを選択してください。
［次へ］をクリックします。
［ウェブ］または［モバイル］を選択します。[次へ]をクリックします。
チャットウィジェットの色は、デフォルトではアカウントのブランディング設定に合わせて設定されています。色をカスタマイズするには、プリセットの色を選択するか、 16進数の値を手動で入力するか、 カラーパレット をクリックしてカスタム色を選択します。
「フォント」のドロップダウンメニューをクリックし、フォントを選択してください。
[次へ]をクリックします。
[ 空き状況 ]ページでは、チームがチャットに対応可能と表示されるタイミングを設定し、訪問者の期待値を知らせます。空き状況オプションを選択するには、次の手順に従います。
- ユーザーの空き状況に基づく:訪問者は、割り当てルールで割り当てられた少なくとも1人のチームメンバーが対応可能な場合にチームとチャットできます。
- チャット営業時間に基づく：チームがチャットに対応できることを示す、定期的な曜日と時間を設定します。ボットを作成して使用する場合は、受信トレイの設定に基づいてボットの空き状況の設定方法をご確認ください。 ドロップダウンメニュー を使用して、チームの勤務時間を設定します。新しい日時の範囲を追加するには、［+時間を追加］をクリックします。
- チャットは24時間無休で利用可能：チームが常にチャットに対応できることを表示する場合は、このチェックボックスをオンにします。
[ 空き状況の動作 ]セクションで、チームの空き状況に基づいてチャット動作を設定し、訪問者にいつ返信できるかを知らせます。オプションを選択します。
- チームの勤務時間内のチャット動作を設定するには、［対応可能］タブをクリックします。［通常の返信所要時間を表示］ドロップダウンメニューをクリックし、返信時間を選択します。
- 営業時間中にチームが不在の際の来訪者対応を設定するには、「不在」タブをクリックしてください：
  - 「不在メッセージを表示」のドロップダウンメニューをクリックし、不在モードのウィジェットの動作を選択してください。
  - チームが対応できない際に、訪問者がメッセージを残せるようにするには、「訪問者にメッセージの送信を許可する」スイッチをオンにしてください。
- チームの受け入れ人数が上限に達している場合の訪問者体験を設定するには（Service Hub Enterpriseのみ）：
  - 「すべてのチームメンバーが定員に達している場合」のドロップダウンメニューをクリックし、「待機メッセージを表示する」、「チャットランチャーを非表示にする」、または「何もしない」のいずれかを選択してください。ユーザーのチャット対応量上限の設定について詳細をご確認ください。
  - チームが対応できない際に、訪問者がメッセージを残せるようにするには、「訪問者にメッセージの送信を許可する」スイッチをオンにしてください。
［次へ］をクリックします。
まだチャットフローを作成していない場合は、チャットのタイトル、ウェルカムメッセージ、および割り当てを設定するようプロンプトされます。
- [チャット見出し]ドロップダウンメニュー をクリックし、チャットウィジェットに表示する名前と アバター を選択します。
- テキストボックスに ウェルカムメッセージを入力します。
- [ 受信したコミュニケーションを割り当てる]スイッチをオンに切り替え、コミュニケーションの割り当て先 となるユーザーとチーム を選択します。
- [割り当て先]ドロップダウンメニューをクリックし、割り当てオプションを選択します。
  - 特定のユーザーおよびチーム:受信したメッセージを、選択したユーザーまたはチームに割り当てます。［特定のユーザーおよびチーム］ドロップダウンメニューからユーザーまたはチームを選択します。
  - コンタクト担当者:受信したメッセージをコンタクト担当者に割り当てます。コンタクトにはレコードに担当者が割り当てられていて、Cookieで追跡可能である必要があります。担当者がオフラインの場合、メッセージは訪問者の担当者にEメールで送信されます。
  注: 受信メッセージの自動割り振り先として可能なのは、Sales HubまたはService Hub のシートが割り当てられているユーザーのみです。
チャットウィジェットの上に歓迎メッセージのプレビューを表示するには、チェックボックスを選択して、 歓迎メッセージをポップアップで開きます。
［次へ］をクリックします。
プレビューの上部にあるデバイスごとのボタンを使用して、チャットウィジェットが異なるデバイス上でどのように表示されるかをプレビューします。
[ 公開]をクリックします。ただし、外部ウェブサイト上でチャットウィジェットを使用する場合は、ウェブサイトページに HubSpotのトラッキングコードを追加する必要があります。
- 手動でコードを追加するには、[ コピー]をクリックし、チャットウィジェットを表示する全てのページの</body>タグの直前にコードを追加します
- ページへのコード追加にあたりサポートが必要な場合、［次の手順を表示］ドロップダウンメニューをクリックし、ウェブサイトタイプを選択します。externalLinkアイコンをクリックして、ブラウザー上の別のタブに手順を表示します。ウェブサイトをWordPress上でホスティングする場合は、[ サイトをWordPress上にホスティングする]をクリックし、表示される手順に従ってWordPressプラグインをインストールします。
注: ウェブサイトがWix上でホスティングされている場合、特定のページをチャットフローの対象として設定するには、チャットウィジェットSDK の使用が必要になる場合があります。Wixでホスティングされているウェブサイトへのトラッキングコードの追加についてもっと詳しく。

チャットチャネルの設定を編集する

チャットチャネルをコミュニケーションの受信トレイに接続したら表示色、フォント、位置指定など、表示形式をカスタマイズします。また、動作を調整したり、スクロール、ページ滞在時間、デバイスタイプなど、訪問者に表示されるタイミングを制御するトリガーを設定することもできます。

表示色、フォント、文字起こしの設定をカスタマイズ

HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンをクリックします。
左側のサイドバーメニューから、「受信トレイ」& 、「ヘルプデスク」 > 、「チャンネル」の順に選択します。
「Webおよびアプリ」セクションの「チャット」をクリックします。
編集したいチャットチャンネルをクリックしてください。
左側のサイドバーメニューで、「Webチャット」をクリックします。
[設定 ]タブで、アクセント色やフォントなど、ウィジェットの外観を編集します。
訪問者がメッセージにファイルを添付できるようにするには、[添付ファイル]スイッチをオンに切り替えます。特定のページで添付ファイルを無効にするには、チャットウィジェット SDKの使用方法について詳細をご確認ください。
自動チャット履歴を有効にするには、次の手順に従います。
- [チャット履歴 ]チェックボックスをオンにします。
- [ 送信元 ]ドロップダウンメニューをクリックし、チャット履歴の送信元 E メールアドレス を選択します。
- チャット履歴は、コミュニケーションがクローズされた後にチャットを開始したコンタクトにEメールで送信されます。

チャットウィジェットの位置をカスタマイズ

ウェブサイトページ上でのチャットウィジェットの表示位置と、訪問者による再配置の方法を選択します。

HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンをクリックします。
左側のサイドバーメニューから、「受信トレイ」& 、「ヘルプデスク」 > 、「チャンネル」の順に選択します。
「Webおよびアプリ」セクションの「チャット」をクリックします。
編集したいチャットチャンネルをクリックしてください。
左のサイドバーメニューで[ ウェブチャット]をクリックします。
チャットウィジェットを左側または右側のどちらに表示するかを選択するには、[ チャットウィジェットの配置]セクションで[ 左 ]または [右]を選択します。
訪問者がチャットウィジェットをドラッグして位置を変更できるようにするには、「チャットウィジェットの移動」スイッチをオンにします。
訪問者がスクリーンショットをキャプチャして共有できるようにするには、[ 画面キャプチャー]ボタンを オンに切り替えます。

ボットまたはウェブチャットエディターでチャットフローの構成と外観を編集する方法をご確認ください。

モバイルSDK設定の編集

モバイルチャットSDKを使用してモバイルチャットフローを編集する場合は、設定ファイルにアクセスしてiOSとAndroidの通知を管理できます。詳しくは、HubSpotのチャットフローとモバイルアプリの連携に関するナレッジベース記事をご確認ください。

チャットチャネルの空き状況をカスタマイズ

チームの空き状況を表示し、訪問者の期待値を管理しましょう。

HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンをクリックします。
左側のサイドバーメニューから、「受信トレイ」& 、「ヘルプデスク」 > 、「チャンネル」の順に選択します。
「Webおよびアプリ」セクションの「チャット」をクリックします。
編集したいチャットチャンネルをクリックしてください。
[空き状況 ]タブに移動し、オプションを選択します。
- ユーザーの空き状況に基づく:訪問者は、割り当てルールで割り当てられた少なくとも1人のチームメンバーが対応可能な場合にチームとチャットできます。割り当てられたメンバーが対応できない場合、訪問者はメッセージを送信できません。
- チャット営業時間に基づく：チームがチャットに対応できることを示す、定期的な曜日と時間を設定します。ドロップダウンメニュー を使用して、チームの勤務時間を設定します。新しい日時の範囲を追加するには、［+時間を追加］をクリックします。
- チャットは24時間無休で利用可能：チームが常にチャットに対応できることを表示する場合は、このチェックボックスをオンにします。
チャットフローの空き状況の動作を設定し、返信を期待できる時間を訪問者に知らせます。オプションを選択します。
- チームが対応可能な場合にチャットを表示するには、［対応可能］タブをクリックします。さらに、[ 通常の返信所要時間を表示 ]ドロップダウンメニューをクリックし、返信までの所要時間の見込みを訪問者に知らせます。

- 営業時間中にチームが不在の場合にチャットを表示するには：
  - [ Away ] タブをクリックしてください。次に、[離席中メッセージを表示 ]ドロップダウンメニューをクリックし、 ウィジェットの動作を選択します。
  - チームの勤務時間外の訪問者の対応を設定するには、[ 勤務時間外]タブをクリックします。次に、[ オフライン動作を設定 ]ドロップダウンメニューをクリックし、営業時間外にサイトにアクセスした訪問者が、返却時間を表示するか、離席中のメッセージを表示するか、あるいはチャット起動メニューを非表示にするかを選択します。
  - チームが対応できない際に、訪問者がメッセージを残せるようにするには、「訪問者にメッセージの送信を許可する」スイッチをオンにしてください。

左下の[ 保存]をクリックします。

ルールベースのチャットボットまたはウェブチャットエディターの [表示 ]タブで、歓迎メッセージやアバターなどの追加のチャットフロー設定をカスタマイズできますウェブチャット、ルールベースのチャットフロー、またはモバイルチャットフローの外観と動作のカスタマイズについて詳細をご確認ください。

チャネルとコミュニケーションの受信トレイの接続について詳細をご確認ください。

この記事はお役に立ちましたか？

こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。