メインコンテンツにスキップ

Intercom Messengerをカスタマイズする

Messengerの外観、言語、アプリ、返信時間、表示設定などを設定します。

対応者:Beth-Ann Sher

Messenger設定は以下のセクションに分かれています。各セクションの内容と管理方法を以下で説明します。

  • ウェブ

    • コンテンツ

    • スタイル

  • モバイルSDK

    • コンテンツ

    • スタイル

  • 会話

    • チームメイトと

    • Finと

  • 一般

  • インストール

Messenger設定を管理するには、「Can access Messenger settings」権限が必要です。


ウェブ

ここでWeb Messengerを管理します。

コンテンツ

設定 > Messenger > Web > コンテンツでは、Messenger LauncherからMessenger Homeまで、Messengerの初期体験を設定できます。

用語集

  • Messenger Launcher - チャットバブル/サークル(画面右下に表示されているもの😉)。

  • Messenger Home - お客様がMessenger Launcherを初めてクリックしたときに開くホームスペース。

会話に直接起動する

Messengerを設定して、ホームスペースをスキップし、会話スペースに直接起動させることができます。

これにより、お客様はサポートにより速くアクセスでき、チームとの新しいチャット開始の手順が減ります。有効にすると、ヘルプ記事、過去の会話、tickets(有効な場合)など他のMessengerスペースへのアクセスも維持されます。

「会話に直接起動」設定は、訪問者、users、およびモバイルユーザーごとに個別に設定できます。

注意:以下の場合、Messengerは会話スペースに直接起動しません:

  • 「訪問者/usersが会話を開始できる」無効、または

  • 「訪問者/usersが会話開始前に検索を要求する」有効の場合。

これらの場合、「会話に直接起動」がオンでも、Messengerは常にデフォルトスペース(ホーム/メッセージ)で開きます。

スペース

ここで訪問者とusersがMessengerで見るスペースをオン・オフで制御します。

  • ホーム - 自分で作成し、訪問者とusersに表示したい内容を正確に決めるスペース。

  • メッセージ - 会話管理のスペース。受信・送信の会話がここにあります。

  • Tickets - 会話とは別にすべてのTicketsが存在するスペース。

  • Help - お客様が製品のどこからでも完全な文脈内Help Centerにアクセスできるスペース。

  • ニュース - 様々な発表タイプに適した、お客様ごとにキュレーションされたニュースフィードのスペース。(オプトイン可能)

  • タスク - お客様がオンボーディングや製品の最大活用時にカスタムチェックリストを完了できるスペース。(オプトイン可能)

メッセージはMessengerの常設スペースで、オフにできません。

左のドラッグ&ドロップでスペースの表示順を変更できます。ホームスペースは常に一番上にありますが、Messengerから削除したい場合はオフにできます。

ウェルカムメッセージを設定する

Messengerを開いたときに人々をどのように迎え、自己紹介するかを選択します。

設定 > Messenger > 一般 > 対応言語の選択で最大45言語まで対応可能です。お客様の正確な言語が設定されていない場合、Messengerは最も近い言語(基本言語、次にワークスペースのデフォルト)にフォールバックします。地域ごとの別エントリーは不要です。

アプリでホームをカスタマイズする

アプリの追加・削除でMessenger Homeをカスタマイズします。お客様が会話を開始できるか、Help Center内の記事を検索できるか、注目のNewsを見られるか、その他のカスタムアプリを表示するかを選択します。

Messenger Homeには最低1つのアプリが必要です。

Messenger Launcherを表示する

オーディエンスルールに基づき、訪問者および/またはusersからMessenger Launcherを表示または非表示にできます。

スタイル

設定 > Messenger > Web > スタイルでは、複数ブランドの好みに合わせてMessengerのカスタマイズとスタイリングが可能です。

まず、上部のドロップダウンから新しいスタイルを追加したいbrandを選択します。

新しいMessengerスタイルを作成する前に、ブランドを設定し、正しいHelp Centerに接続して、ブランドごとに適切なサポートコンテンツがMessengerに表示されるようにしてください。

スタイルをインポートする

2023年12月以降にIntercomに参加した場合、ブランドのロゴとカラーを自動的にインポートするオプションがあります。選択したdomainを入力し、インポートをクリックするだけです。

ドロップダウンを使って、domainで見つかった別のアクションカラーや背景色を選択できます。

domainで見つかったロゴを使用することもできます。これはいつでも手動で変更可能です。このロゴはMessengerにのみ表示され、brand settingsには表示されません。

注意:ウェブサイトのロゴが暗いまたはカラー背景用にデザインされている場合、Messengerやメール通知で見えなくなることがあります。インポート後は必ずプレビューして視認性を確認してください。

確認をクリックすると、右側のMessengerプレビューが自動的にインポートしたスタイルで更新されます。Messengerスタイルを手動でカスタマイズしたい場合は、以下のセクションをお読みください。👇

Messengerのカラー

Messengerホームのヘッダーに使われる背景色と、ボタンやリンクなどで強調表示に使われるアクションカラーを選択してください。

このセクションでは、自動ブランディング機能も利用でき、テキスト、背景色、ロゴをウェブサイトのdomainに合わせてシステム経由で直接インポートできます。

Messengerのカラーやブランディングが期待通りに表示されない場合は、以下の解決策を検討してください。

  1. ブラウザのキャッシュや拡張機能:キャッシュをクリアし、拡張機能を無効にするか、シークレットウィンドウでMessengerを開いてください。

  2. トラフィック設定:ユーザートラフィック設定が有効になっていることを確認してください。

  3. 信頼済みdomainの設定:403エラーなどの問題を避けるため、ウェブサイトのdomainが設定 > チャンネル > Messenger > インストールに含まれていることを確認してください。

  4. カスタム変更:カスタムCSSの上書きがスタイルの競合を引き起こしていないか確認してください。

  5. ブランディング設定:設定 > チャンネル > Messenger > Web > ブランディング & カラーのカスタマイズ設定を再確認してください。

  6. 画像の競合:背景色やアクションカラーの代わりにアップロードされた画像があれば削除してください(該当する場合)。

Messengerホーム

Messengerホームをロゴでスタイライズし、よりパーソナルな印象を与えるためにチームメンバーのアバターを表示するかどうかを決めてください。

ロゴをアップロードする際は、以下のガイドラインを参照してください。👇

チームアバターを表示するかどうかで、ロゴの使用可能スペースが変わります。

オプションでカラーグラデーション、背景画像、背景フェード、テキストカラーを使ってMessengerヘッダーをさらにカスタマイズできます。

ヘッダー背景に画像を選択した場合、800 x 600ピクセルの画像サイズを推奨します。

ランチャー

Messengerランチャーの表示方法を決めるには、自分の画像をアップロードし、サイト上の配置場所を選択してください。

注意:

  • この機能がサブスクリプションに含まれているかどうかは、プランと料金をご確認ください。

  • Messengerランチャーの設定を見つけるには、Messengerランチャーを表示をまず訪問者/users向けにオンにする必要があります。

  • ランチャーはbrand colorsで選択したアクションカラーを使用します。

  • Messengerはサイト上で1つの位置にしか設定できません(同じサイト内で複数の位置に表示することはできません)。


モバイルSDK

Messengerはモバイルアプリでも美しく動作します。モバイルアプリのusers向けの体験は設定 > Messenger > モバイルSDKから構成できます。

ここでの設定はWebと同じですが、一部の機能はWeb専用です。モバイルアプリでのMessengerの使い方を学ぶ

Messengerの表示はiOSとAndroidで異なる場合があります。例えば、チャットランチャーアイコンの色はアクセシビリティ基準に合わせて自動調整され、OSによって見え方が異なることがあります。

WebはデスクトップWebとモバイルWebの両方を含みます。モバイルSDKはモバイルアプリ(ある場合)を指します。


会話

Messengerで顧客がどのように会話を始めるかを選択し、チームを紹介し、設定 > Messenger > 会話から特別なお知らせを追加してください。

会話開始ボタンのテキスト

「会話開始ボタンのテキスト」またはコールトゥアクション(CTA)は、teammatesとFin AI Agentで別々に設定できます。

例えば、会話がteammateによって対応される場合、顧客が人間のサポートチームに連絡していることがわかるように、CTAボタンに「サポートに連絡」と表示したいかもしれません。一方、会話がFinによって対応される場合は、「質問する」と表示する方がよいでしょう。

teammatesとの会話の場合

teammatesとの会話開始時に「会話開始ボタンのテキスト」またはCTAを選択します。6つのオプションから選べ、訪問者とusersで異なるCTAを設定できます。

顧客は、会話がteammate(Fin AI Agentではない)によって対応される場合、ホーム、メッセージ、ヘルプスペースでこのCTAを目にします。

Finとの会話の場合

Fin AI Agentとの会話では、会話がFinによって対応される場合の「会話開始ボタンのテキスト」 またはCTA を設定できます。または、上で設定したteammateの期待に合わせることも可能です。

返信の期待値

営業時間中の返信時間を表示し、営業時間外はチームがいつ戻るかを示します。また、「チーム割り当て後に営業時間を表示」を有効にすると、会話がチームに割り当てられたにのみ営業時間を表示します。チームレベルで営業時間を設定している場合、このオプションを推奨します。

チーム紹介

チーム紹介を編集して、Messengerで会話を始める前にお客様にチームを紹介し、期待値を設定してください。

これは設定 > Messenger > 一般 > 対応言語の選択から最大45言語まで設定可能です。お客様の正確な言語が設定されていない場合、Messengerは最も近い利用可能なバージョン(基本言語、次にワークスペースのデフォルト)にフォールバックします。地域ごとのバリアントごとに別々のエントリを追加する必要はありません。

特別なお知らせ

すべての訪問者とusersに向けて特別なお知らせを書いてください。例えば、応答時間が通常より遅い場合などです。特別なお知らせはワークスペースでサポートされている複数の言語でカスタマイズでき、リンクやテキストスタイリングで明確さとエンゲージメントを高めることができます。

ヒント: 特別なお知らせは複数の言語でカスタマイズ可能です。お客様の正確な言語が設定されていない場合、Messengerは最も近い利用可能なバージョン(基本言語、次にワークスペースのデフォルト)にフォールバックします。地域ごとのバリアント(例:English (UK) と English (US))ごとに別々のエントリを追加する必要はありません。


一般

設定 > Messenger > 一般では、受信ボリュームの制御、営業時間と返信時間、対応言語、セキュリティ設定、プライバシーポリシー通知、その他のMessenger設定が見つかります。

受信ボリュームを制御する

受信ボリュームを制御するには、Messengerで会話を開始できる人を決定します。ユーザー属性に基づく表示条件を追加して、よりターゲットを絞ることも可能です。

対応言語を選択する

Messengerインターフェースで全ての顧客に表示するデフォルト言語を選択するか、異なる言語を追加して、お客様のブラウザやデバイス設定に合致した場合にMessengerをその言語で表示させることができます。

Messengerのセキュリティを保つ

信頼できるdomainとサブドメインをカンマで区切ってリストにして、Messengerのセキュリティを保ってください。

重要:

  • ここを空白のままにすると、Intercom Messengerはどのdomainにも追加可能になります。

  • 複数のdomainをカンマで区切ってリストにすることができます。

  • すべてのサブドメインをリストするには、アスタリスクを使います。例:*.intercom.com

  • localhostの追加はサポートしていませんが、'0.0.0.0'や'127.0.0.1'を追加すればMessengerはこれらのdomainで動作します。

本人確認の設定

第三者がログイン中のusersをなりすまして会話を見られないように、本人確認の設定を強く推奨します。

プライバシーポリシー

Messenger内にプライバシーポリシーへのリンクを設置し、お客様にデータ処理と保護の方針を通知してください。この通知は新しい会話の開始時に表示され、お客様がメッセージを送信するか、通知を閉じるまで表示され続けます。

プライバシーポリシー通知は複数言語、テキストスタイリング、ハイパーリンクに対応しています。お客様の正確な言語が設定されていない場合、Messengerは最も近い利用可能なバージョン(基本言語、次にワークスペースのデフォルト)にフォールバックします。

その他の設定

送信したメッセージの着信音をお客様が聞くかどうかなど、その他のMessenger設定を構成してください。

特定のIntercomプランでは、MessengerからIntercomのブランディングを削除できます。設定 > 一般の「Intercom Attribution Message」セクションを探し、オフに切り替えるとMessenger、送信メール、Help Centerから同時にブランディングが削除されます。

Messengerヘッダーやメール、SMSで表示される会社名を、ワークスペース名を変更せずに制御できます。設定 → 一般 → ワークスペース設定Customer-facing name欄に設定してください。空白の場合はワークスペース名がデフォルトになります。


保存して公開する

Messengerのプレビューに満足したら、保存して公開するをクリックしてください。✨

ウェブでMessengerを使用するには、まずIntercom Messengerをインストールする必要があります。

こちらの回答で解決しましたか?