ウェブサイトにオンラインチャットを簡単に追加する方法(スクリーンショット付き)

Updated on December 26, 2025
|
Written by サージャン・シャルマ Sajjan Sharma
ウェブサイトにオンラインチャットを簡単に追加する方法(スクリーンショット付き)

長年、競合他社がオンラインチャットに移行する中、多くの企業が基本的な問い合わせフォームにとどまっているのを見てきました。

その結果の違いは顕著でした。チャットを導入した企業は、より多くのリードを獲得し、より迅速な対応を実現し、顧客満足度を高めました。

なぜ多くの人が移行を避けるのか理解できます。ウェブサイトにチャットを追加するのは技術的な作業のように思えます。開発者やコーディングスキルが必要だと考えるかもしれません。コストを心配しているか、誰かが24時間年中無休で質問に答えてくれるかどうかを心配しているかもしれません。

良いニュースがあります。オンラインチャットの追加は、あなたが思っているよりもはるかに簡単です。すでに使用しているチャットアプリ(WhatsApp、Facebook Messenger、Instagram、Telegram)にウェブサイトを直接接続できます。

このガイドでは、WordPressサイトにオンラインチャットを追加し、主要なメッセージングアプリをサポートする方法を具体的に説明します。

オンラインチャットを追加するとウェブサイトがどのように役立つか

WordPressサイトにオンラインチャットを追加すると、訪問者は必要なときにすぐにあなたに連絡しやすくなります。

問い合わせフォームに入力して返信を待つ代わりに、お気に入りのメッセージングアプリを通じてすぐに回答を得ることができます。

オンラインチャットウィジェットの例

オンラインチャットを追加する主な利点は次のとおりです。

  • 訪問者がサイトを閲覧中にリアルタイムで質問に回答し、カート放棄や機会損失を防ぎます。
  • WhatsApp、Facebook Messenger、Instagramを通じてメッセージを送信できるため、訪問者は新しいアプリをダウンロードしたりアカウントを作成したりする必要がありません。
  • 後で会話を継続して、お知らせ、特別オファー、または追加の質問について通知できます。
  • ソーシャルアカウントをフォローするように促し、ウェブサイトを離れた後も連絡を取り合い、最新情報を共有できるようにします。
  • サポートスタッフが複数のチャットを同時に処理できるようにし、個別のメールに返信するよりも迅速です。

どのオンラインチャットシステムが最適ですか?

ゼロから新しいチャットシステムを構築するには、多くの時間と労力がかかり、簡単に逆効果になる可能性があります。より賢明なアプローチは、人々がすでに知っていて日常的に使用しているプラットフォームを選択することです。

これにより、訪問者はあなたに連絡するために新しいものをインストールする必要がなくなり、これらのプラットフォームを定期的にチェックする可能性が高くなります。

WhatsAppやFacebook Messengerのようなプラットフォームは非常に人気があるため、訪問者はすでに少なくとも1つを使用している可能性が高いです。

WPChatはWordPressプラグインで、ウェブサイトにオンラインチャットを簡単に追加できます。訪問者がクリックして好みのメッセージングプラットフォームを選択できるフローティングボタンを追加します。

WPCHATプラグインのホームページ

訪問者がボタンをクリックしてプラットフォームを選択すると、WPChatはメッセージングアプリにリダイレクトし、そこであなたまたはサポートチームが直接チャットを開始できます。

プラグインは、より多くの人にリーチできるよう、WhatsApp、Facebook Messenger、Telegram、Instagramといった、最も普及しているメッセージングアプリに対応しています。

  • カスタムチャットエージェント:名前とプロフィール写真を持つチャットエージェントを作成し、サポートチームを代表させ、チャットに人間味を加えます。
  • サポートの作業負荷を分散:オンライン時間を設定することで、プラグインが利用可能なスタッフに自動的にチャットを送信し、作業負荷を分散させることができます。
  • 事前作成済みテーマのインポート:3つの異なるテーマから選択して、美しいチャットウィジェットを即座に作成します。
  • FAQをウィジェットに追加訪問者がチャットを開始する前に、一般的な質問に対する即時の回答を提供します。
  • ビジュアルカスタマイザーを使用:ライブプレビューで、数回の簡単なクリックでオンラインチャットウィジェットを詳細にデザインできます。
オンラインチャットウィジェットのカスタマイズ

他のチャットソリューションと比較して、WPChatは軽量でセットアップが簡単です。完全に機能するオンラインチャットシステムをわずか数分で準備できることがわかりました。

ウェブサイトにオンラインチャットを追加する準備はできましたか? 今すぐWPChatを始めましょう

簡単な方法でウェブサイトにオンラインチャットを追加する方法

WordPressサイトにオンラインチャットを追加する準備はできましたか?このセクションでは、セットアッププロセス全体をステップバイステップで説明します。完了すると、訪問者を複数のメッセージングプラットフォームに接続する、完全に機能するチャットウィジェットが完成します。

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

まず、ウェブサイト用のWPChatを入手する必要があります。ここからWPChatプラグインを入手し、ファイルをコンピューターに保存してください。

次に、WordPressウェブサイトにインストールして有効化できます。

ヘルプが必要な場合は、このWordPressプラグインのインストールに関する初心者ガイドを確認してください。

ステップ2:オンラインチャットウィジェットを作成する

プラグインの準備ができたので、チャットウィジェットのセットアップを行います。

WordPressダッシュボードのWPChatメニューに移動し、セットアップボタンをクリックします。

wpchatを使用してfaqウィジェットを作成する

セットアップ画面で、主要なメッセージングアプリの連絡先情報を入力するオプションが表示されます:

  • WhatsApp:国コード付きの電話番号を入力してください
  • Instagram:Instagramのユーザー名を追加してください
  • Telegram:Telegramアカウントに使用した電話番号を追加してください
  • Messenger:ブランドのFacebookページのユーザー名を入力してください

使用したいメッセージングアプリを選択したら、ページを下にスクロールします。

最後に、次へボタンをクリックして続行します。

接続を確認するには次へをクリックします

次に、チャットウィジェットのテーマを選択する必要があります。WPChatは、ベーシック、ナイト、パステルの3つの事前作成済みオプションを提供しています。

ウェブサイトのデザインに最も合うテーマを選択し、次へをクリックして続行します。

faqウィジェットのテーマを選択する

各テーマには異なる配色とスタイルがあるため、サイトの外観に自然に合うものを選択してください。

完璧でなくても心配しないでください。後で色やデザインをカスタマイズできます。

ステップ3:オンラインチャットウィジェットを表示する場所を選択する

次に、チャットウィジェットをサイトのどこに表示するかを決定する必要があります。WPChatには2つの表示オプションがあります:

  • オンラインチャットウィジェットをサイトのどこにでも表示します。
  • チャットウィジェットを特定のページにのみ表示するように選択します。
WordPress FAQウィジェットを表示する場所を選択する

オンラインチャット機能をどこにでも利用できるようにしたい場合は、すべてのページに表示を選択してください。

次に、下のフィルターを使用して、特定のページ、タグ、カテゴリ、およびカスタム投稿タイプを除外できます。

その後、次へをクリックして続行できます。

ウェブサイトの一部をチャットウィジェットから除外する

特定のページにのみ表示したい場合は、特定のページにのみ表示オプションを選択してください。

その後、フィルターを使用してウィジェットを表示する場所を選択できます。

選択が完了したら、次へをクリックして続行します。 

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

次の画面で、提供されたフィールドにWPChatライセンスキーを入力します。このキーはWPChatダッシュボードで見つけることができます。

最後に、セットアップ完了をクリックして初期セットアッププロセスを完了します。オンラインチャットウィジェットはサイトでアクティブになりましたが、次のステップでさらにカスタマイズします。

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

ステップ4:オンラインチャットウィジェットをカスタマイズする

チャットウィジェットがセットアップされたので、ブランドに合わせて調整する時間です。

開始するには、カスタマイズボタンをクリックしてライブエディターを開くことができます。

オンラインチャットウィジェットのカスタマイズを開始する

ライブエディターでは、左側にさまざまなカスタマイズオプションが表示されるパネルが表示されます。

これらのオプションを使用して変更を加えると、右側のライブプレビューも更新されます。

オンラインチャットウィジェットのライブエディター

ここでは、カスタマイズオプションのいくつかを紹介して、仕組みを説明します。

まず、左側のメニューにあるカラーパレットをクリックします。

オンラインチャットウィジェットのカラーパレットオプションを開く

選択できるいくつかの既製のカラーパレットが表示されます。 

それらのいずれもブランドに一致しない場合は、カスタムをクリックして独自のカラーを選択してください。

利用可能なオプションからカラーパレットを選択する

カラーを選択したら、保存をクリックしてウィジェットに適用します。 

次に、戻るボタンをクリックしてメインのカスタマイズメニューに戻ります。

メインエディターオプションに戻る

次に、画面左側にあるセクションオプションを探します。ここで、チャットウィジェットから非表示にしたい部分のチェックを外すことができます。 

セクションを上下にドラッグして並べ替えることもできます。

オンラインチャットポップアップの表示セクション

これにより、訪問者が見るものとその順序を完全に制御できます。カスタマイズが完了したら、保存をクリックして変更を保存します。

ステップ5:チャットエージェントを設定する

WPChatは、メッセージングアプリまたはサイトにリダイレクトされる前に、訪問者にチャットエージェントを表示します。

WordPressダッシュボードのWPChat » エージェントメニューに移動します。

デフォルトのエージェントがすでに作成されていることがわかります。編集をクリックして、このエージェントを情報に合わせてカスタマイズします。

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

まず、アップロードをクリックして、エージェントに適したプロフィール画像を選択します。

これは、あなたの写真、あなたのロゴ、またはチームメンバーの写真である可能性があります。 

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

実際の写真を追加すると、オンラインチャットウィジェットがより個人的で信頼できるものになります。

画像のすぐ下にある提供されたフィールドに、エージェントの名前を入力します。

チャットエージェントの名前を入力する

パーソナルなタッチを加えたい場合は本名を使用し、よりフォーマルなアプローチを好む場合はビジネス名を使用してください。

下にスクロールすると、WhatsApp、Telegram、Messenger、Instagramの連絡先情報を編集するフィールドが表示されます。

オンラインチャットウィジェットの連絡先情報を追加する

これにより、この特定のチャットエージェントの連絡先情報が変更されます。

すべての連絡先情報を追加したら、変更を保存をクリックしてエージェントの詳細を保存します。 

オンラインチャットウィジェットは完全に設定され、訪問者との接続に役立つ準備が整いました。

wpchatで作成されたオンラインチャットウィジェットの例

最終的な考え

WPChatを使用してWordPressサイトにオンラインチャットを追加しました。これで、訪問者は使い慣れたチャットプラットフォームで即座にあなたに連絡できます。

連絡プロセスから摩擦を取り除くと、より多くの会話、より多くのリード、そして最終的にはより多くの顧客が得られることがわかりました。

WordPressウェブサイトにオンラインチャットを追加する準備はできましたか? 今すぐWPChatで始めましょう

WPChatを使用したチャットファネルの作成に関するガイドも確認することをお勧めします。 

オンラインチャットウィジェットをFAQやチャットファネルと組み合わせることで、訪問者は必要なヘルプを得るための複数の方法を得ることができます。