Intercom Messenger のテーマとカスタマイズに関する実践ガイド

ブランドのルック＆フィールに多大な労力を注ぎ込んできたことでしょう。ウェブサイト上のすべてのボタン、色、フォントが完璧に調整され、訪れる人すべてにシームレスな体験を提供しています。ではなぜ、顧客との最も直接的な接点の一つであるチャットメッセンジャーが、ページにぽつんと置かれたサードパーティ製のアドオンのように見えなければならないのでしょうか？

そんなはずはありません。その小さなチャットバブルは、顧客体験の中核をなす部分です。助けが必要なとき、質問があるとき、あるいは購入の準備ができたときに、人々が最初に頼る場所であることが多いのです。それは後付けではなく、ブランドの延長線上にあると感じさせる必要があります。

Intercomメッセンジャーはそのギャップを埋める素晴らしいツールですが、その外観を完璧に仕上げることはよくある課題です。このガイドでは、Intercomメッセンジャーのテーマをカスタマイズする方法、おそらく直面するであろう制限、そして表面的なものにとどまらない、ブランドに沿った体験を創り出すために本当に必要なことについて解説します。

Intercomメッセンジャーとは？

テーマについて掘り下げる前に、私たちが何について話しているのかを簡単に説明しましょう。Intercomメッセンジャーは、ウェブサイトやアプリ内に埋め込むことができるチャットインターフェースです。通常は隅に配置されている、あの親しみやすいバブルのことで、あなたと顧客との間に直接のコミュニケーションラインを開きます。

しかし、それは単なるチャットウィンドウ以上のものです。その主な役割は顧客とのやり取りのハブとなることであり、いくつかの主要な機能によってこれを実現しています：

• ライブチャット： これは古典的な機能です。チームの担当者が顧客と直接対話し、問題を解決したり、販売に関する質問にリアルタイムで答えたりすることができます。

• Fin（AIエージェント）： IntercomのAIボットであるFinは、24時間365日質問に対応できます。一般的な問い合わせに即座に回答を提供するように設計されており、人間のチームはより複雑な問題に集中できます。

• カスタマイズ可能なホーム画面： メッセンジャーは会話のためだけのものではありません。ホーム画面にアプリやヘルプ記事へのリンク、その他のリソースを追加して、ユーザー向けのセルフサービスポータルに変えることができます。

モダンなデザインとライブチャット機能を紹介するIntercomメッセンジャーのスクリーンショット。

それ自体でも強力なハブですが、その真のポテンシャルは、会社の他の知識と連携したときに発揮されます。そこで、eesel AI for Intercomのようなツールとの統合が、メッセンジャーにより大きく、より賢い頭脳を与えることで大きな違いを生むことができます。

Intercomメッセンジャーのテーマをカスタマイズする方法

さて、楽しい部分に取り掛かりましょう。メッセンジャーをあなたのサイトに属しているように見せ、感じさせることです。適切にスタイル設定されたメッセンジャーは信頼を築き、ユーザー体験全体をより洗練されたものにします。Intercomはこれを実現するための十分なツールセットを提供しています。

これらのオプションはすべて、Intercomの設定の「設定 > メッセンジャー > ウェブ > 外観」にあります。

外観とブランディングのカスタマイズ

ブランディングの大部分はここで行います。最初に気づくかもしれないのは、スタイルをインポートするための便利な小さな機能です。ウェブサイトのURLを入力するだけで、Intercomがロゴとブランドカラーを自動的に取得しようとします。これは、ベースとなるテーマを素早く作成するための素晴らしいショートカットです。

そこから、いくつかの主要なコントロールがあります：

• ブランディングと色： 主な操作は「背景色」（メッセンジャーのヘッダー用）と「アクションカラー」（ボタン、リンク、アイコン用）です。ここで最初の制限にぶつかります。使える色は2色だけで、それだけです。ホバー状態、セカンダリテキスト、エージェントの返信の背景などに別々の色を設定することはできません。これにより、ブランドに近いものの、完全には一致しない外観になることがあります。

• ロゴ： ヘッダーに表示される会社のロゴと、デフォルトのチャットバブルを置き換えるカスタムランチャーアイコンをアップロードできます。

  Pro Tip

  ランチャーアイコンのプロのヒント：透明な背景を持つ72x72pxの画像が最もシャープに見え、サイトのデザインと衝突しません。

• ヘッダーの背景： 単色では少し味気ないと感じる場合は、ヘッダーにグラデーションや背景画像を選択することもできます。これにより、個性を加え、メッセンジャーをより統合された感じにすることができます。

ライトモードとダークモードの設定

現代的な外観を保つために、Intercomではユーザーのシステム設定を尊重するテーマを設定できます。ここには3つの選択肢があります：

• ライト： メッセンジャーは常に明るい背景になります。

• ダーク： メッセンジャーは常に暗い背景になります。

• システムに合わせる： メッセンジャーはユーザーのOS設定（macOSやWindowsなど）に基づいて、ライトテーマとダークテーマを自動的に切り替えます。

これは素晴らしい機能ですが、注意点があります。ライトテーマとダークテーマの両方について、カラーパレットとロゴを別々に設定する必要があります。ダークモードの色を設定し忘れると、それを好むユーザーにとってはブランディングが崩れて見える可能性があります。見落としやすいステップなので、両方を設定するようにしてください。

ランチャーの位置とウェルカムメッセージの設定

他にもいくつかの設定が、体験を完成させ、メッセンジャーをブランドの声に合わせるのに役立ちます。

チャットバブルを画面の左側または右側に表示するかを決定し、下部と側面からの間隔を微調整できます。これは、サイトの重要なボタンやメニューを隠さないようにするために驚くほど重要です。

また、ユーザーを迎えるウェルカムメッセージをカスタマイズすることもできます。これは、ブランドの個性を注入する最初の機会です。一般的な「どのようにお手伝いしましょうか？」の代わりに、独自のトーンを反映した何かを書くことができます。チーム紹介も同様で、サポートチームやAIエージェントを紹介して、期待をすぐに設定できます。

ネイティブのIntercomメッセンジャーテーマの制限

Intercomの基本的なカスタマイズオプションは始めるには十分ですが、多くのチームは最終的に壁にぶつかります。本当にシームレスなブランド体験を目指している場合、組み込みツールにはいくつかの厄介な制約があることに気づくでしょう。

詳細な色制御の欠如

先ほども触れましたが、これは大きな問題です。背景色とアクションカラーの2つだけに制限されるのは、よくある不満点です。Intercomのコミュニティフォーラムを少し見れば、エージェントのチャットバブルやリンクのホバー状態の色を変更する方法を尋ねるユーザーのスレッドが見つかるでしょう。

残念ながら、答えはたいてい「できません」です。これにより、小さいながらも目立つブランドの不一致が生じる可能性があります。例えば、ブランドがテキストに使用する特定のグレーの色合いを再現できなかったり、リンクのホバー時の色がメッセンジャーで一致させられなかったりします。これにより、メッセンジャーはほとんど合っているけれど、完全ではないという印象を与えてしまいます。

動的テーマにコードが必要な理由

「システムに合わせる」設定は良い機能ですが、もし自社のウェブアプリに独自のライト/ダークモードの切り替え機能があったらどうでしょう？ユーザーはIntercomメッセンジャーもアプリの他の部分と一緒にテーマを切り替えることを期待するでしょう。

これは標準では不可能です。クライアントサイドAPIに手を出さなければ、メッセンジャーにテーマを動的に変更するようにプログラムで指示することはできません。すぐに使える開発者リソースがないチームにとっては、これは行き詰まりを意味します。完全に統合された体験の幻想を壊し、ユーザーにとっては少し不格好に感じられる可能性があります。

なぜビジュアルブランディングは表面的なものに過ぎないのか

これが最大の制限です。真のブランディングは色やロゴをはるかに超えています。それは体験全体、声のトーン、個性、そしてすべてのやり取りの背後にある知性に関するものです。

ブランドのカラーパレットに完璧に一致するメッセンジャーを持っていても、会話がロボット的であったり、答えが一般的であったりすれば、ブランド体験は台無しです。ウィットに富んだ遊び心のあるブランドが、堅苦しいロボットのようなサポートボットを持つべきではありません。真面目な金融サービス会社には、正確で、フォーマルで、安心感を与えるAIが必要です。

IntercomのFin AIは有能なツールですが、そのペルソナを微調整し、その答えが常に独自のブランド知識から引き出されるようにすることは簡単ではありません。ここで、純粋に視覚的なテーマ設定の限界が明らかになり、より深いAIのカスタマイズの必要性が浮き彫りになります。

ビジュアルテーマを超えたブランド一貫性の実現

ブランド一貫性の次のレベルは、ピクセルではなく、パーソナリティに関するものです。本当にあなたのものと感じられる体験を創り出すには、チャットウィンドウだけでなく、AIの振る舞いをコントロールする必要があります。ここで、eesel AIのようなソリューションが、ネイティブのカスタマイズツールが及ばない部分を補うように設計されています。

色を超えて、カスタマイズ可能なAIペルソナで差別化

標準的なチャットボット体験に縛られる代わりに、eesel AIのようなプラットフォームは強力なプロンプトエディタを提供します。これにより、AIの正確な声のトーン、個性、コミュニケーションスタイルを定義できます。

あなたのブランドが楽しくてインフォーマルなら、AIに絵文字を使ったり、たまにジョークを言ったりするように指示できます。ヘルスケア企業であれば、共感と権威を持ってコミュニケーションするように徹底できます。このレベルのコントロールにより、チャットウィンドウだけでなく、会話自体もブランドに完璧に沿ったものになります。

AIの声のトーンを設定して、単純なIntercomメッセンジャーのテーマを超える方法を示すスクリーンショット。

既存のツールを置き換えることなくシームレスに統合

新しいソフトウェアで最も頭が痛い問題の一つが「リプレース」問題です。ここではその心配は要りません。eesel AIは、Intercomを含む、あなたが既に使っているヘルプデスクと直接統合します。既存のメッセンジャーのための、よりインテリジェントでカスタマイズ可能な頭脳として機能します。

何よりも、デモを予約したり営業担当者と話したりすることなく、数分で自分で始めることができます。既存のサポートチャネルをアップグレードするための、低リスクで高リターンの方法として構築されています。

知識を統一してブランドの声を統一

AIのブランドボイスは、それが学習する情報の質に左右されます。本当に一貫したブランドボイスは、単一の信頼できる情報源から生まれますが、ほとんどの企業では知識がGoogle Docs、Confluence、Notion、過去のサポートチケットなど、あらゆる場所に散在しています。

eesel AIは、散在するすべての知識ソースに接続することでこの問題を解決します。会社の実際の社内言語、ドキュメント、過去の解決策から学習することで、AIの回答は常に正確で、関連性があり、独自のブランドボイスで提供されます。テンプレートから出てきたような一般的な回答はもうありません。

AIが複数の知識ソースに接続してブランドの声を統一する方法を示す図。視覚的なIntercomメッセンジャーのテーマを超えています。

Intercomの価格設定の概要

情報に基づいた決定を下すためには、コストを理解することが役立ちます。Intercomの価格設定はいくつかのプランに分かれており、AI機能はしばしば別途価格設定されています。

プラン	価格（年払い）	主な機能
Essential	$29/シート/月	Fin AIエージェント、メッセンジャー、共有受信箱
Advanced	$85/シート/月	Essentialの機能 + ワークフロー、複数の受信箱
Expert	$132/シート/月	Advancedの機能 + SLA、マルチブランドメッセンジャー

AIエージェントであるFinは、解決ごとの支払いモデルで価格設定されています。

• Fin AIエージェントの価格： AIが単独で解決した会話ごとに**$0.99**を支払います。これは、FinをIntercom内で使用する場合でも、他のヘルプデスクで使用する場合でも適用されます。

• 最低料金： Finをスタンドアロンのエージェントとして使用する場合、月間最低50件の解決（$49.50）が必要です。

解決ごとの支払いモデルの問題点は、コストが変動しやすいことです。新機能をリリースして、サポート量が1ヶ月間2倍になったと想像してみてください。Intercomの請求額が予期せず跳ね上がる可能性があります。これは、一定数のインタラクションに基づいた透明性のある料金プランを提供するeesel AIのようなプラットフォームとの大きな違いです。これにより、請求額がより予測可能になり、予算管理が向上します。

あなたのブランドはIntercomメッセンジャーのテーマ以上のものである

Intercomは、メッセンジャーの外観を整えるための素晴らしい出発点を提供します。色、ロゴ、レイアウトのオプションを使えば、ビジュアルブランドアイデンティティにかなり近づけることができます。

しかし、深く、本物のブランド一貫性を達成するには、それ以上のものが必要です。AIの個性、声のトーン、そしてそのすべての応答を形作る知識に対するコントロールが求められます。基本的なIntercomメッセンジャーのテーマを超えて、最初から最後まで一貫してあなたのブランドであるサポート体験を提供したいと考えるなら、そのより深いレベルのコントロールを提供するツールを探求する時です。

真にブランドに沿ったAIサポート体験を構築する準備はできましたか？eesel AIがどのように既存のツールと統合して、AIサポートエージェントを完全にコントロールできるかをご覧ください。