WordPressに無料ライブチャットを追加する方法(簡単な2つの方法)

WordPressサイトに無料のライブチャット機能を追加することで、訪問者にリアルタイムのサポートを提供し、顧客エンゲージメントとサポートを向上させることができます。

ウェブサイト訪問者とリアルタイムでやり取りできるため、質問に答えたり問題をすぐに解決したりできます。これにより、より多くの売上を上げ、既存の顧客がブランドに忠実であり続けることを奨励できます。

当社の多くのパートナーブランドは、ライブチャットを使用して顧客を支援し、購入プロセスを案内し、質問に答えています。これにより、ユーザーに肯定的な印象を与え、より多くのリードとコンバージョン率の向上につながることがわかっています。

この記事では、WordPressサイトにライブチャットを簡単に追加する方法をご紹介します。完全に無料のプラグインを使用する方法と、ライブチャットサービスを使用する方法の2つの簡単な方法を説明します。

WordPressに無料のライブチャットを追加する

WordPressサイトでライブチャットを使用する理由

eConsultancyによると、ライブチャットはすべてのカスタマーサービスチャネルの中で最も満足度が高いです。実際、ライブチャットの満足度は73%で、メール、電話、SMSの満足度よりもはるかに高くなっています。

より多くのライブチャット統計については、当社のマーケティング統計、トレンド、事実をご覧ください。

Eコマースストアを運営している場合や中小企業を経営している場合は、ライブチャットで顧客に製品の購入を促すことができます。チェックアウトプロセスを完了できなかった買い物客と話すこともでき、放棄されたカートを回復するのに役立ちます。製品を提案したり、セールについて顧客に通知したりすることもできます。

さらに、ライブチャットを使用して既存の顧客にリアルタイムでサポートを提供し、友人や家族にあなたのビジネスを推薦してくれるブランドアンバサダーに変えることができます。

WordPressウェブサイトでのライブチャット機能

それでは、WordPressに無料のライブチャットを簡単に追加する方法を見てみましょう。以下のリンクを使用して、関心のある方法に直接ジャンプできます。

WordPressサイトに無料ライブチャットを追加する最も簡単な方法は、WPChatを使用することです。これは無料のライブチャットプラグインで、訪問者はあなたのウェブサイトで直接会話を開始し、その後WhatsApp、Telegram、Facebook Messenger、またはInstagramにチャットをシームレスに移行できます。

この方法では、顧客はあなたのサイトでチャットを開始できますが、すでに使用しているメッセージングアプリでチャットを続けることができます。そのため、あなたのウェブサイトに留まる必要がなくなり、より迅速で便利なサポートを提供できます。詳細については、詳細なWPChatレビューをご覧ください。

開始するには、無料のWPChatプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

注: WPChat の無料版には、WordPress サイトにライブチャットを追加するために必要なものがすべて含まれています。表示制御、カスタマイズ可能なブランドカラー、分析などの高度な機能が必要な場合は、WPChat Pro にアップグレードできます。

プラグインが有効になったら、WordPress ダッシュボードの新しい WPChat メニュー項目をクリックします。そこから「セットアップ」ボタンをクリックします。

WPChatプラグインの設定

次のページで、WhatsApp の ビジネス用電話番号を、標準の国際形式(国コードを含む)で入力する必要があります。

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

WhatsAppビジネスの電話番号を入力

次のステップでは、新しいライブチャットウィジェットのテーマを選択できます。基本、ナイト、パステルの 3 つのテーマから選択できます。

ドロップダウンメニューをクリックして、お好みのテーマを選択するだけです。どのテーマを選択すればよいかわからない場合でも、心配しないでください。後でいつでも変更できます。

テーマを選択したら、「次へ」ボタンをクリックします。

ライブチャットウィジェットのテーマを選択

次に、ライブチャットウィジェットを WordPress サイトのどこに表示するかを決定する必要があります。

WPChat の無料版では、2 つのオプションがあります。

  • すべてのページに表示
  • いずれのページにも表示しない

「すべてのページに表示」オプションを選択し、「次へ」ボタンをクリックして続行します。

WPChatでライブチャットウィジェットの表示を設定

💡 プロのヒント: ライブチャットウィジェットが表示される場所をサイトでより細かく制御したいですか? WPChat Pro を使用すると、特定のページ、カテゴリ、タグ、 または カスタム投稿タイプでライブチャットウィジェットを表示または非表示にすることができます。

これで、プラグインのセットアップが完了したという成功メッセージが表示されます。

WPChatの設定を完了

無料版からWPChat Proにアップグレードしたい場合は、このページから行うことができます。

それ以外の場合は、単にページの下部までスクロールし、「アップグレードせずにセットアップを完了」ボタンをクリックしてください。

WPChatで「設定完了」ボタンをクリック

ライブチャットウィジェットの外観をカスタマイズする

初期セットアップ後、WPChatダッシュボードにリダイレクトされます。

ここから、ライブチャットウィジェットをさらにカスタマイズして、ブランドに合わせることができます。これを行うには、「カスタマイズ」ボタンをクリックするだけです。

WPChatライブチャットウィンドウをカスタマイズ

これにより、WPChatチャットアシスタントエディタが開きます。左側には、テーマ、カラーパレット、ヘッダー、アイコン、アシスタントアバターなど、すべてのデザインオプションが表示されます。

変更を加えるたびに、右側のライブプレビューでどのように見えるかを確認できます。

WPChatチャットアシスタントエディター

例えば、左側のメニューから「ヘッダー」オプションをクリックできます。

そこから、新しいヘッダーメッセージを入力できます。これは、訪問者がライブチャットウィジェットにカーソルを合わせたときに最初に表示されるものです。

ヘッダーメッセージに満足したら、「保存」をクリックするのを忘れないでください。

WPChatヘッダーテキストをカスタマイズ

アシスタントアバターの外観を変更することもできます。アシスタントアバターは、訪問者がチャットウィジェットを開いたときに表示されるもので、WhatsAppチャットに直接誘導するアシスタントです。

カスタマイズするには、左側のメニューから「アシスタントアバター」をクリックします。ここから、事前に作成されたアバターのコレクションから選択できます。

WPChatアシスタントのアバターをカスタマイズ

変更を保存するために、「保存」をクリックするのを忘れないでください。

カスタマイズが完了したら、「エディターを閉じる」ボタンをクリックします。

注意: WPChatの無料バージョンでは、カスタマイズオプションが制限されています。WPChatのブランド表示を削除したり、カスタムアシスタントアバターをアップロードしたり、カスタムカラーを設定したりするには、WPChatのプレミアムバージョンにアップグレードする必要があります。

ライブチャットエージェントの設定

次に、デフォルトのライブチャットエージェントをカスタマイズすることをお勧めします。これにより、訪問者は実際に人が対応してくれるという感覚を得られ、最初から信頼関係を築くことができます。

そのためには、WordPressダッシュボードから WPChat » エージェント ページに移動し、デフォルトのエージェントの横にある「編集」ボタンをクリックします。

WPChatでデフォルトのライブチャットエージェントを設定

ここから、「アップロード」をクリックして、ライブチャットエージェントのプロフィール写真を選択できます。

その下にあるフィールドに、エージェント名を入力できます。

メッセージングサービス(Telegram、Facebook Messenger、Instagramなど)の連絡先情報も追加できます。これにより、訪問者はWhatsApp以外にもメッセージを送信する方法が増えます。

WPChatでデフォルトのチャットエージェントを編集

💡 プロのヒント: WPChat Proを使用すると、チームの各担当者を表す複数のチャットエージェントを追加できます。カスタム営業時間も設定できるため、チャットは利用可能なエージェントにのみルーティングされます。

ライブチャットエージェントに満足したら、「変更を保存」ボタンをクリックします。

これで完了です!WordPressサイトにアクセスして、ライブチャットウィンドウが機能していることを確認できます。

WPChatライブチャットウィジェットデモ

訪問者がサイトのチャットボタンをクリックすると、どのメッセージングアプリでチャットしたいかを選択できます。

次に、WPChatは、訪問者が携帯電話を使用している場合はその好みのメッセージングアプリで、コンピューターを使用している場合はWebアプリケーションで新しい会話を開きます。

方法2:LiveChat Inc.を使用してWordPressにライブチャットを追加する

ウェブサイトにライブチャット機能を追加するもう1つの方法は、LiveChat Inc.を使用することです。これは、高度な機能を備えた最高のWordPressライブチャットソリューションの1つであり、私たちは自身のOptinMonsterサイトでも使用しています。

詳細については、LiveChatレビューをご覧ください。

LiveChat WordPressプラグインは無料ですが、LiveChatサービスを利用するには有料サブスクリプションを購入する必要があります。サブスクリプションは月額$19.00からですが、30日間の無料トライアルもあるため、サービスを無料で試すことができます。

開始するには、LiveChatのウェブサイトにアクセスしてください。次に、ビジネスメールアドレスを入力し、「Sign up free」ボタンをクリックします。

Live Chatで無料登録

ここで、メールアドレス、ビジネス用電話番号、および使用したいパスワードを入力できるページに移動します。

この情報を入力したら、「Sign up」をクリックします。

WordPressウェブサイト用のLiveChatアカウントの作成

しばらくすると、アカウントを確認するためのメールが届きます。メールを開いて、「アカウントを確認する」ボタンをクリックするだけです。

Live Chatウィンドウの外観のカスタマイズ

LiveChatウィンドウは、WordPressテーマを引き立てながらユーザーの注意を引く必要があります。

ライブチャットウィンドウの外観を変更するには、以前に入力したメールアドレスとパスワードを使用して、LiveChatアカウントにログインしてください。

左側のメニューで、設定をクリックします。次に、「チャットウィジェット」と「カスタマイズ」を選択します。

WordPressでLiveChatウィンドウをカスタマイズする

ライブチャットウィンドウのスタイルを設定し、変更がリアルタイムで適用されるのを確認できるようになりました。

開始するには、最小化されたチャットウィンドウのテーマを選択できます。

このセクションを展開するには「外観」をクリックし、次にさまざまなテーマをクリックして、WooCommerceなどのストアでどのように表示されるかをプレビューします。

WordPress用のカスタムブランドライブチャットエージェントを作成する

ライトテーマとダークテーマを切り替えたり、テーマの色を適用したりすることもできます。

チャットウィンドウ内の個々の要素の色を変更したい場合は、「その他の色設定」ボタンをクリックして追加のコントロールにアクセスしてください。

ライブチャットウィンドウの色設定を変更する

チャットウィンドウのデザインのヒントについては、最適なカラー スキームの選択方法に関するステップバイステップ ガイドをご覧ください。

デフォルトでは、LiveChatはチャットウィンドウの下部にある会社ロゴの横に「Powered by LiveChat」というメッセージを表示します。

ブランドを強化するには、「追加の調整」セクションをクリックし、ここに独自のウェブサイトのロゴに置き換えてください。

WordPressライブチャットウィンドウに独自のロゴを追加する

次に、「ロゴをアップロード」をクリックし、代わりに表示したい画像を選択します。

エージェントの写真を表示するかどうか、顧客がエージェントを評価できるようにするかどうか、サウンド通知を有効にするかどうかなどを選択することもできます。

チャットウィンドウの外観に満足したら、「変更を保存」をクリックします。

WordPressウェブサイトにライブチャットを設定する

次のステップは、無料プラグインを使用して、オンラインマーケットプレイスまたはストアにLiveChatを追加することです。

開始するには、LiveChat プラグインをインストールして有効化してください。ヘルプが必要な場合は、WordPress プラグインのインストール方法に関する初心者向けガイドをご覧ください。

アクティベーション後、LiveChatアカウントにログインするように求められます。メールアドレスを入力して、「ログイン」ボタンをクリックしてください。

WordPressダッシュボードでLiveChatアカウントにログインする

数分後、ライブチャットがWordPressウェブサイトに正常に追加されたというメッセージが表示されます。そのバブルをクリックすると、画面にライブチャットウィジェットが開きます。

さて、WordPressのウェブサイトにアクセスすると、画面の右下隅にチャットバブルが表示されます。

WordPressウェブサイト上のライブチャットバブル

誰かがあなたに連絡しようとするたびに、LiveChatアカウントに通知が届きます。

訪問者に返信する際は、LiveChat ダッシュボードに直接返信を入力してください。

ライブチャットメッセージをリアルタイムで管理する

ボーナス:トレーニングを受けたライブチャットエージェントを見つける方法

WPChatとLiveChatを使えば、WordPressのブログやウェブサイトにライブチャットを簡単に追加できます。しかし、訪問者にリアルタイムでサポートを提供する人も必要です。

最も簡単な解決策は、オンラインビジネス向けのマネージドライブチャットサービスであるLTVPlusにカスタマーサポートをアウトソースすることです。

LTVPlus ウェブサイト

LTVPlusは、当社のWPBeginnerウェブサイトで使用しているコンテンツ配信ソリューションであるMaxCDNの共同創設者によって開始されました。

LTVPlusは、24時間年中無休のサポートを提供する手頃な価格のライブチャットエージェントを提供しています。これにより、高価なサポートおよび営業担当者を雇用することなく、ビジネスを成長させることができます。

WPChatまたはLiveChatLTVPlusを組み合わせることで、ウェブサイトにライブチャットを追加し、ビジネスを次のレベルに引き上げることができます。実際、OptinMonsterのウェブサイトでは、LiveChatとLTVPlusを使用してより多くの売上を上げています。

このチュートリアルで、WordPressにライブチャットを簡単に追加する方法を学べたことを願っています。また、オンラインビジネスに最適な記帳サービスのリストや、WordPressにチャットボットを追加する方法に関するチュートリアルもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

12 CommentsLeave a Reply

    • プラグインのサポートに問い合わせて、現在ローカルホストのサポートを提供しているかどうかを確認することをお勧めします。現時点では、ローカルインストールでは機能しません。

      管理者

  1. 独占的な投稿をありがとうございます。プラグインを使用せずにチャットオプションを実装したいのですが、この問題に関するチュートリアルがあればリンクを送ってください。喜んで拝見します。

  2. Firebugで、margin-bottomのスペースを削除したいのですが、inline:1,
    と表示されています。元のパスを見つけようとしていますが、ガイドしてもらえますか?

  3. こんにちは、管理者様…私はwpbeginnerの熱心なファンです。あなたのウェブサイトを検索しましたが、これが見つかりません…しかし、コメントの後にフッターに表示される関連投稿をどのように表示しますか?

  4. ゲストチャットアクセスはスパムの温床になりがちです。私はずっと、同じユーザーデータベースを使用するWP用のチャットプラグインを探していました。中には誰でもチャットに参加できるものや、すべての訪問者に外部ウェブサイトへの登録を要求し、さらに月額料金を請求するものもあります。

    ダサい :E

    チャットルームが私のニーズにぴったり合うことを願っています。ユーザー向けのシンプルなライブチャットです=)

  5. チャットオプション1: – ユーザーがブログに登録している場合にのみ有効です。ゲスト用のオプションは全くありません。(質問やコメントをするためだけにウェブサイトに登録する人は87.8%いません) – 統計

    チャットオプション2:WPとIRCは相性が良くありません。IRCの世界に少しでもいたことがある人なら誰でも、WPの脆弱性(ここでは投稿しませんが、簡単に見つかります)を利用して、IRC経由でWPから任意のユーザーのIP(管理者でさえ)を取得する方法を知っています。

    チャットオプション3:Skypeボタンの追加は、Facebookボタン、Yahoo Messengerボタンなどの追加に似ています。WordPressにチャットを追加する」には全く関係ありません。(WordPressにチャットを追加しているわけではありません)Skypeで追加するように言って、ユーザー名を投稿するのと同じくらいです。

    チャットオプション4:チャットオプション3の回答を参照してください。TwitterはWordPressのチャットではなく、統合できる部分でもなく、また主題に遠く及ばないものです。

    このブログ記事全体「WordPressにチャットを追加する方法」は、タイトルからしても最良でも誤解を招くものです。オプション2~4は削除すべきです。(特に初心者向けのIRCオプションは、パッチの当て方を知らないユーザーを脆弱性にさらすだけです)そして、オプション1は登録ユーザーのみであることを明確にしてください。

    あなたの投稿(と私のコメント)へのリンクは、私たちの脆弱性サイトに提供されています。あなたの投稿がどのように、あるいは全く変更されるか興味があります。

    toodles :)

    • 私たちの投稿を分析していただきありがとうございます。

      1. 記事で述べたように、最初のオプションは登録ユーザーのみで機能します。
      2. 2番目のオプションはKiwiircを使用しており、これは実際にはWebアプリです。WordPressサイトを脆弱にするとは考えていません。

      管理者

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。