WordPressウェブサイトにFacebook Messengerチャットを追加する方法

Updated on February 6, 2026
|
Written by リアン・ラロヤ Lianne Laroya
WordPressウェブサイトにFacebook Messengerチャットを追加する方法

WordPressウェブサイトにFacebook Messengerチャットを追加したいですか?

インスタントコミュニケーションの世界では、そのわずかな遅延が、売上と失われた顧客との違いになる可能性があります。

ライブチャット機能を導入すると、訪問者と即座につながることができます。これにより信頼が構築され、潜在顧客がサイトを離れる前に、販売前の質問に答えることができます。

WordPressにFacebook Messengerを追加する最も簡単な方法は、WPChatプラグインを使用することです。

Facebookページに直接接続してライブチャットウィジェットを表示します。これにより、コードを書かずにMessengerで直接カスタマーサポートを管理できます。

この記事では、WordPressサイトにFacebook Messengerチャットを簡単に追加する方法を説明します。

Messengerチャットを追加することがビジネスにとって重要な理由

ライブチャットソリューションを追加することは、顧客の質問に迅速に答えるための最良の方法であることがよくあります。

返信に数時間かかる場合がある電子メールとは異なり、チャットでは懸念に即座に対応できます。詳細については、電子メール対ライブチャットに関するこの記事をご覧ください。

サイトにFacebook Messengerを追加すべき具体的な理由をいくつかご紹介します。

  • ライブチャットを利用する購入者は、購入する可能性が高くなります。簡単な質問に答えることで、カート放棄を防ぐことができます。
  • 表示されるチャットバブルは、あなたのビジネスがアクティブで応答的であることを示しています。ウェブサイトの背後に実際の人間がいることを証明します。
  • ほとんどのユーザーはすでに携帯電話にFacebook Messengerアプリを持っています。サイトでチャットを開始し、チャット履歴を失うことなく、後でモバイルデバイスで会話を続けることができます。
  • Facebook Business Suiteからすべての顧客からの問い合わせを管理できます。これにより、サポートチャネルを1か所に整理できます。

Messengerチャット対その他のウェブサイトチャットオプション

MessengerをWordPressサイトに追加する前に、他のコミュニケーションツールと比較してどのように機能するかを理解しておくと役立ちます。

  • Facebook Messenger対WhatsApp Messengerは、オーディエンスがすでにFacebookでアクティブな場合にうまく機能します。WhatsAppは、主要なメッセージングアプリである地域ではより効果的かもしれません。
  • Messenger対ライブチャット:従来のライブチャットツールは、会話をサイト内に保持します。Messengerは、訪問者が離れた後も会話を続けることができます。
  • Messenger対お問い合わせフォーム:フォームは、質問と応答の間に遅延を生じさせます。Messengerは、即時コミュニケーションを可能にすることで、摩擦を排除します。

継続的な会話の維持と応答遅延の削減が優先事項である場合、MessengerチャットはWordPressウェブサイトにとって強力な選択肢となります。

Facebook Messengerチャットが適している場合

Facebook Messengerチャットは、迅速で会話的な応答に依存するビジネスに最適です。次のような場合に適しています。

  • 訪問者が購入前またはサポートに関する質問を頻繁に行う
  • あなたのオーディエンスはすでにFacebookまたはInstagramを使用している
  • 今日、Messenger内で顧客との会話を管理している

Messengerチャットは、厳格な内部チケットシステムやエンタープライズレベルのレポートが必要なビジネスには最適なオプションではない場合があります。

Facebook Messengerチャットの始め方

WordPressウェブサイトにFacebook Messengerチャットを追加するには、一般的に2つの方法があります。

Facebookからコードを手動でコピーしてサイトに追加するか、接続を処理するプラグインを使用することができます。

初心者には手動の方法はお勧めしません。テーマに直接コードを貼り付けると競合が発生する可能性があり、後でテーマを変更した場合に変更内容が失われる可能性があります。

ほとんどのサイト所有者にとって、プラグインを使用する方がより信頼性の高い方法です。

このガイドでは、WPChatを使用します。これは、APIを介してFacebookページをWordPressに接続し、コードを必要とせずに技術的なセットアップを自動的に処理します。

リーチを拡大するために、Facebook Messenger、Telegram、Instagram、およびWhatsAppのチャットオプションを即座に追加できます。 

その結果、顧客が希望するプラットフォームで顧客とつながることができます。

WPChatの最も良い点は、WPChatがFacebook Messengerへの技術的な接続を処理するため、ウィジェットの設定ではなく、会話への返信に集中できることです。

チャットアシスタントを作成し、さまざまなメッセージングプラットフォームに接続し、デザインをカスタマイズして、ウェブサイトに表示することができます。すべてコードに触れることなく。

WordPressでのMessengerチャットの仕組み

WordPressウェブサイトでは、Messengerチャットは通常、画面の隅にフローティングボタンまたはアシスタントとして表示されます。訪問者がボタンをクリックすると:

  • サイトに短いプロンプトが表示されます
  • 訪問者はFacebook Messengerにリダイレクトされます
  • 会話はモバイルまたはデスクトップのMessenger内で続行されます

このセットアップにより、顧客がすでに使用しているプラットフォームを通じて、新しいものをインストールしたり、会話中にウェブサイトに滞在したりする必要なく、コミュニケーションをとることができます。

始めるために必要なもの

セットアップを開始する前に、以下のものを準備してください:

  • 管理者アクセス – プラグインをインストールするには、WordPressダッシュボードにログインしている必要があります
  • Facebookビジネスページ – 公開されているFacebookページが必要です。この機能は個人のFacebookプロフィールでは機能しません
  • WPChatプラグイン – 無料バージョンは基本的なセットアップに使用できます。または、より強力な機能についてはWPChat Proを使用してください
  • 所要時間:設定に約5分

WPChatを使用したFacebook Messengerチャットの追加の概要

大まかに言うと、セットアッププロセスは次のようになります:

  1. WPChatのインストールと有効化
  2. Facebook Messengerアカウントの接続
  3. チャットボタンの表示場所の選択
  4. サイトにウィジェットを発行

接続されると、メッセージは直接Messengerの受信トレイに送信されます。

WordPressサイトにMessengerチャットを追加するステップバイステップガイド

要件が準備できたので、チャットウィジェットを設定しましょう。設定プロセスは簡単で、数ステップでMessengerチャットウィジェットが機能します。 

ステップ1:WPChatをウェブサイトにインストールして有効化する

まず、WPChatプラグインのコピーを取得し、WordPressサイトにインストールする必要があります。次に、WordPressダッシュボードにログインします。

プラグイン » 追加 に移動し、WPChatプラグインファイルをアップロードして、今すぐインストール をクリックします。インストールが完了したら、有効化 をクリックします。

有効化後、ダッシュボードに新しい WPChat メニュー項目が表示されます。ここで、すべてのMessenger設定が構成されます。

ダッシュボードの WPChat メニューを開き、 セットアップ をクリックして続行します。

wpchatの設定を開始する

その後、WhatsApp番号を入力すると、訪問者はあなたのビジネスに連絡する別の方法を持つことができます。フィールドにWhatsApp番号を入力し、 次へ ボタンをクリックして続行します。

wpchatの設定を開始するには電話番号を入力してください

オプションから好みのテーマを選択し、 次へ をクリックします。

Facebookチャットアシスタントのテーマを選択してください

それが完了したら、Facebookチャットアシスタントをサイトのどこに表示するかを選択できます。2つの表示オプションがあります: すべてのページに表示 または 特定のページにのみ表示

Facebookチャットアシスタントの表示設定を選択してください

次に、下にスクロールして、含めるまたは除外するウェブサイトの部分を選択できます。以下のフィルターを使用して ページ、タグ、カテゴリ、および カスタム投稿タイプ を選択し、 次へ をクリックします。

ページ、カテゴリ、タグ、またはカスタム投稿タイプを選択してください

最後に、提供されたフィールドにWPChatライセンスキーを入力します。これにより、プラグインのすべてのプレミアム機能が有効になります。 

ライセンスキーを入力したら、 セットアップ完了 をクリックしてこの段階を完了します。

セットアップを完了するには、wpchatライセンスキーを入力してください

ステップ2:Facebook Messengerをプラットフォームとして有効化する

次に、WPChat内でMessengerをアクティブ化します。 WPChat » エージェント に移動します。右上隅にある エージェント設定 をクリックします。

プラットフォーム セクションで、 Facebook Messenger のトグルをオンにします。これにより、Messenger経由での会話を許可することをWPChatに伝えます。

有効になったら、プロンプトが表示された場合は 保存 をクリックします。

ステップ3:Facebook Messengerをエージェントに接続する

WordPressダッシュボードから、 WPChat » エージェント に移動してチャットエージェントのリストを表示します。次に、WPChatが作成したデフォルトのエージェントをカスタマイズするには 編集 をクリックします。

Facebook Messengerチャットエージェントの編集を開始する

続行する前に、エージェントの名前を編集し、 アップロード をクリックしてエージェントに適した画像を選択できます。

これは、訪問者が誰と話すことになるかを表すプロフェッショナルな写真であるべきです。あなたの顔写真、チーム、または会社のロゴなどが考えられます。

Facebook Messengerチャットエージェントのプロフィール写真の設定を開始する

下にスクロールして Facebook Messenger セクションを見つけます。ここでは、提供されたフィールドにFacebook Messenger IDまたはユーザー名を入力するだけです。

wpchatにFacebook Messenger IDを入力する

変更を保存をクリックすると、チャットエージェントがFacebook Messengerに接続されます。

新しいブラウザタブでウェブサイトを開き、訪問者にとってチャットウィジェットがどのように表示されるかを確認できます。

ステップ4:Messengerチャットアシスタントの外観をカスタマイズする(オプション)

WPChatには、チャットボタンのデザインを調整できるビジュアルカスタマイザーが含まれています。

WhatsAppチャットアシスタントのカスタマイズを開始する

WPChatダッシュボードからカスタマイズをクリックして、以下を行います:

  • 挨拶のテキストを変更する
  • テーマを選択する
  • 色を調整する
  • アシスタントのアバターをカスタマイズする

これらの変更はオプションです。デフォルト設定のままでも、Messengerチャットは機能します。

Facebook Messengerチャットアシスタントのライブエディター

利用可能なWPChatカスタマイズオプションを自由に試して、色、アイコン、表示セクションなどを変更してください。 すべての変更を保存するには、エディタの上部にある保存をクリックしてください。

加えた変更はすべてプレビューに即座に表示されるため、訪問者にとってどのように見えるかを正確に確認できます。

Messengerを接続した後、どうなりますか?

セットアップが完了すると、選択した表示ルールに従って、ウェブサイトでMessengerボタンがアクティブになります。

訪問者は画面に小さなチャットアイコンが表示されます。ページを移動してもアクセス可能なので、準備ができたらいつでも連絡できます。

誰かがボタンをクリックすると、短いプロンプトが表示され、Facebook Messengerにリダイレクトされて会話が続行されます。

モバイルで閲覧している場合、Messengerアプリが自動的に開きます。デスクトップでは、会話がブラウザで開きます。

あなたの視点からは、新しいメッセージは既存のMessenger受信トレイに表示されます。Messengerアプリ、Facebook、またはデスクトップのいずれかで最も便利な方法で返信できます。

誰かがメッセージを送信するたびにWordPressにログインする必要はありません。最初の接続後、すべてMessenger自体で実行されます。

複数のチームメンバーが問い合わせに対応している場合、会話をより効率的に管理できるように、Messengerアクセスを異なるエージェントに割り当てることができます。

この時点から、ウェブサイトは、管理する別のツールを追加することなく、Messengerの会話への別のエントリーポイントになります。

今すぐMessengerをサイトに追加しましょう!

ご覧のとおり、WPChatを使用すると、WordPressウェブサイトにFacebook Messengerチャットを簡単に追加できます。プロセス全体で数分しかかかりませんが、ビジネスへの影響は非常に大きくなる可能性があります。

訪問者は、すでに知っていて信頼しているプラットフォームを使用して、すぐにあなたに連絡する方法を得ることができ、より多くの販売とより幸せな顧客につながります。

Facebook Messengerチャットでウェブサイトのエンゲージメントを高める準備はできましたか?

今すぐWPChatを入手して、訪問者とすぐに接続しましょう

今後、WPChatを使用してFAQや自動応答を追加し、不在時でも一般的な質問に対応できます。 

訪問者を特定の会話パスに誘導することで、リードを生成するチャットファネルを作成することもできます。

詳細については、WPChatを使用して最初のチャットファネルを構築する方法に関するガイドをご覧ください。

関連記事