WordPressにチャットボットを追加する方法（ステップバイステップ）

WordPressサイトにチャットボットを追加すると、訪問者に即座のサポートを提供することで、ユーザーエンゲージメントを向上させることができます。チャットボットは問い合わせに対応し、サイト内を案内し、さらにはセールスを促進することもでき、インタラクティブなユーザーエクスペリエンスを提供します。

チャットボットの追加方法を知ることは、オーディエンスとのやり取りの方法を変え、サイト全体の効率を高めることができます。

長年にわたり、多くのパートナーブランドがウェブサイトにチャットボットを導入し、カスタマーサポートを提供したり、ユーザーを誘導したりするのを見てきました。それ以来、チャットボットはリードを顧客に転換する上で重要な役割を果たし、エンゲージメントの大幅な向上に気づいています。

この記事では、WordPressにチャットボットを簡単に追加する方法をステップバイステップでご紹介します。

チャットボットとは何ですか？

チャットボットは、チャットインターフェイスを使用してウェブサイトの訪問者と会話するコンピュータープログラムです。ライブチャットプラグインを使用するカスタマーサポートチームと同じように機能します。

ただし、ライブチャットは顧客とサポートスタッフ間のリアルタイムの会話ですが、チャットボットは自動化されています。

これは、プログラムされた回答しか提供できないことを意味します。

例えば、カスタマーサービスチャットボットは、製品やサービスに関する質問に答えたり、問題をトラブルシューティングしたり、推奨を行ったりすることができます。

同様に、ヘルスケアチャットボットは、健康状態に関する質問に即座に応答したり、患者に予約をリマインドしたり、患者を医師に接続したりできます。

WordPressでチャットボットを使用する理由

WordPressウェブサイトにチャットボットを追加すると、サポートチームが不在の場合でも、訪問者に24時間年中無休のカスタマーサポートを提供できるようになります。

これにより、ウェブサイトのサポートチケットの数が減り、ユーザーエクスペリエンスが向上します。

チャットボットは、よくある質問への回答、製品サポートの提供、および軽微な問題の修正など、他のカスタマーサポートタスクを自動化するためにも使用できます。

これにより、多くの時間を節約でき、チームはより複雑な問題に集中できるようになります。

オンラインストアをお持ちの場合、チャットボットを使用して顧客の興味やニーズを把握することもできます。チャットボットは顧客の問い合わせに回答し、取引を成立させることで、ユーザーエンゲージメントを高めることができます。

それでは、WordPressにチャットボットを簡単に追加する方法をステップバイステップで見ていきましょう。3つの異なる方法をカバーします。使用したい方法にジャンプするには、以下のクイックリンクを使用できます。

• Heroic KB を使用して WordPress にチャットボットを追加する (カスタマーサポートに最適)
• ChatBot を使用して WordPress にチャットボットを追加する (セール & カスタマーサービスに最適)
• WordPressにHubSpot（無料＆簡単）でチャットボットを追加する方法
• ボーナス: WordPressサイトにライブチャットを追加する

Heroic KB を使用して WordPress にチャットボットを追加する (カスタマーサポートに最適)

カスタムチャットボットを作成してカスタマーサポートの問い合わせを自動化したい場合、この方法は最適です。

Heroic KB は、既存のサイトに検索可能なナレッジベースを追加する 最高のWordPressナレッジベースプラグイン です。

また、強力なHeroic AIアシスタントも搭載されており、ナレッジベースページにチャットボットを追加できます。AIチャットボットは、ナレッジベースの記事から直接トレーニングされ、訪問者の質問に正確な回答を提供します。

開始するには、Heroic KBプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

プラグインが有効になったら、AIチャットボットをトレーニングできるようにナレッジベースを作成する必要があります。ナレッジベースには、質の高い詳細な記事を含めるようにしてください。これにより、ユーザーは製品/サービスの使用方法を学ぶことができます。

ステップバイステップの説明については、WordPressにナレッジベースのドキュメントを追加する方法に関するチュートリアルに従ってください。WordPressにナレッジベースのドキュメントを追加する方法。

ナレッジベースを作成したら、Heroic AIアシスタントを設定できます。

これを行うには、WordPress ダッシュボードから Heroic KB » 設定 ページにアクセスし、「ヘルプアシスタント」タブをクリックします。

そこから、「ヘルプアシスタントを有効にする」、「このサイトでヘルプアシスタントを表示する」、「AIヘルプアシスタント」のオプションの横にチェックマークを付ける必要があります。

このページで、ヘルプアシスタントチャットボットのメインカラーを選択することもできます。

完了したら、「変更を保存」ボタンをクリックしてください。

次に、Heroic KB 設定ページから「AI ヘルプアシスタント」タブをクリックします。ここで、OpenAI と Pinecone の API キーを追加する必要があります。

有料アカウントから、OpenAIウェブサイトの APIキーページ にアクセスして、OpenAI APIキーを生成できます。

新しいシークレットキーを生成し、それをHeroic KB AIヘルプアシスタント設定にコピー＆ペーストするだけです。

無料または有料のアカウントで、Pinecone ウェブサイトで Pinecone API キーを生成できます。

「APIキー」ページに移動し、「APIキーの作成」ボタンをクリックするだけです。次に、それをコピーしてHeroic KBの設定に貼り付けます。

APIキーをコピーして貼り付けた後、「Pinecone環境」フィールドに入力する必要があります。

無料のPineconeアカウントでは、Pinecone環境としてgcp-starterを使用できます。有料アカウントの場合は、Pineconeでサポートされている任意のGCPリージョン（例: eu-west4-gcpまたは us-central1-gcp）を使用できます。

それが完了したら、「設定を保存」ボタンをクリックすることを忘れないでください。

次に、「Pineconeインデックスの作成」ボタンをクリックして、新しいPineconeインデックスを自動的に作成します。

「ステータス」ボックスをチェックして、APIキーが検証され、Pineconeインデックスが作成されたかどうかを確認できます。

これらが準備できたら、ナレッジベースでAIアシスタントチャットボットのトレーニングを開始できます。

そのためには、「このサイトのHeroic Knowledge Baseでトレーニングする」ボタンをクリックするだけです。

AI アシスタントはトレーニングを開始します。知識ベースのサイズによっては、数分かかる場合があります。

トレーニングパネルに進捗状況が表示されます。

トレーニングが完了したら、ナレッジベースページにアクセスして、Heroic AI Assistant チャットボットが機能していることを確認できます。

訪問者は質問をすることができ、チャットボットはあなたの知識ベースのドキュメントに基づいて正確な応答を提供します。

ChatBot を使用して WordPress にチャットボットを追加する (セール & カスタマーサービスに最適)

リードジェネレーション、セールス、カスタマーサービスなどにオールインワンのチャットボットをお探しなら、この方法が最適です。

ChatBot を使用すると、WordPress サイトに簡単にチャットボットを追加できます。これは、ドラッグアンドドロップビルダーを使用してチャットボットを作成できる 最高の AI チャットボットソフトウェア です。また、より多くのチャットボットのカスタマイズオプションと多言語機能も提供しています。詳細については、完全な ChatBot レビュー をご覧ください。

まず、無料のChatBotプラグインをインストールして有効化する必要があります。詳細な手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPress管理パネルのChatBotメニュータブにアクセスし、「アカウントを接続」ボタンをクリックしてください。

これにより、ChatBotのウェブサイトが新しいウィンドウで開きます。ここでログイン情報を入力し、「ログイン」ボタンをクリックする必要があります。

ただし、まだ ChatBot のアカウントをお持ちでない場合は、上部にある「無料でサインアップ」リンクをクリックしてください。

ここで、メールアドレスを入力し、アカウント名とパスワードを入力する必要がある新しいページに移動します。

完了したら、「アカウントを作成」ボタンをクリックするだけです。

アカウント作成後、WordPressダッシュボードにリダイレクトされます。これで、WordPressサイトとChatBot.comの接続が正常に完了しました。

さあ、チャットボットの作成を開始するには、「ダッシュボードに移動」ボタンをクリックしてください。

これにより、チャットボットのアカウントダッシュボードに移動します。

ここから、上部にある「ボットを作成」ボタンをクリックしてプロセスを開始します。

これにより、「新しいストーリーを作成」ページに移動し、作成したいチャットボットの種類を選択する必要があります。

デフォルトでは、ChatBotではカスタマーサービスボット、求人応募ボット、リードジェネレーションボット、FAQボット、セールスボットなどを作成できます。

ただし、「ゼロから構築」オプションを選択して自分でボットを作成することもできます。このチュートリアルでは、カスタマーサービスボットを作成します。

これにより、画面上に既製のカスタマーサービスボットテンプレートが開きます。

ここから、「チャットフロー」の「ボット応答」タブをクリックして、チャットボットの会話フローを簡単に作成できます。

画面にプロンプトが表示され、テキスト、画像、ボタンなどのチャット応答とクイック返信をブロックをドラッグアンドドロップしてプロンプトに追加できます。

それが完了したら、ボットの応答を追加して、上部にある「保存して閉じる」ボタンをクリックするだけです。

プロンプトの「フィルターを追加」ボタンをクリックすることで、チャットボットの応答にカスタムフィルターを追加することもできます。

これにより、チャットボットの応答に追加するフィルターを選択できるドロップダウンメニューが開きます。これには以下が含まれます。

• メッセージ: ユーザーのメッセージに合わせて応答を調整することで、会話をパーソナライズします。
• スコア: スコアの低いメッセージをフィルタリングして、無関係な会話を防ぎます。
• 失敗：失敗につながる可能性が高いメッセージをフィルタリングすることで、チャットボットの精度を向上させます。これにより、チャットボットが不正確または誤解を招く情報を提供するのを防ぐことができます。
• メール：無効なメールアドレスを除外するか、メールでユーザーに応答します。
• 名前: ユーザーにパーソナライズされたエクスペリエンスを作成するか、特定の名前を含むメッセージをブロックします。
• ユーザー名: 特定のユーザー名を含むメッセージを除外します。
• インテグレーション: 特定のツールを使用するユーザー向けのメッセージを作成します。
• 言語: 多言語ウェブサイト向けに特定の言語でメッセージを作成します。
• タイムゾーン: 関連するタイムゾーンに従ってメッセージをフィルタリングします。

さらに、異なる地域や国のユーザーに対して特定のメッセージを作成することもできます。これは、国際的なオーディエンスが大きい場合に役立ちます。

その後、フィルタリングされた応答に対して条件付きロジックを選択することもできます。作成中の応答は、チャットボットが対話している顧客がフィルターに適合する場合にのみ、チャットボットによって使用されます。

例えば、多言語ウェブサイトを持っていて、異なる言語用のチャットボットを作成したい場合は、「言語」フィルターを使用できます。

それが完了したら、条件として「= 等しい」オプションを選択し、言語名を入力します。

次に、選択した言語で応答を追加できます。この例では、ユーザーがチャットボットにイタリア語でクエリを入力すると、チャットボットはこのフィルターで作成したイタリア語の応答を表示します。

フィルターの追加が完了したら、「フィルターを適用」をクリックするだけです。

その後、「+」ボタンを使用して、チャットフローにさまざまなブロックを追加することもできます。これにより、プロンプトが開かれ、以下を含む任意のブロックを選択できます。

• ユーザー入力: ボットの応答をトリガーするユーザーメッセージを追加します。
• FAQ: このブロックに、よくある質問とその回答を追加します。
• 添付ファイル入力：チャットボットとの継続的な会話でユーザーがファイルを添付できるようにします。
• ボットの応答: 質問に対するチャットボットの応答を追加する。
• 後戻り: ユーザーがボットとの以前に一致したやり取りを表示するのを防ぎます。
• フォールバック：チャットボットがユーザーのクエリをチャットボットの応答に一致させることができない場合に、一般的なメッセージを表示するか、アクションをトリガーします。
• フロー: 複雑なチャットボットの応答シナリオを視覚的に整理します。
• セグメントに追加: ユーザーデータを基に、すべてのユーザーを異なるグループにセグメント化します。
• セグメントからの削除: 特定のセグメントからユーザーを削除します。
• 属性の設定: ユーザーに関する情報を保存します。
• 目標をマーク: 会話を目標達成としてマークします。

会話のトランスクリプトをメールアドレスに送信したり、さまざまなチャットボットの会話にキーワードやフレーズでタグ付けしたりすることもできます。

たとえば、FAQブロックを選択すると、画面に表示され、一般的なカスタマーサポートの質問とその回答を追加できるようになります。

チャットボットは、これらの応答を使用して、ウェブサイト上のお客様の問い合わせに回答します。

次に、「メインメニュー」ボット応答タブをクリックしてブロックプロンプトを開きます。ここで、ボタンブロックを使用して、チャットボットが提供できるすべてのサービス用のボタンを追加できます。

その後、各ボタンブロックをクリックして設定を開き、ボタンがユーザーをどこに誘導したいかを構成します。

例えば、ボタンタイプを「ブロックに移動」として選択することで、作成したFAQチャットボットの応答にユーザーを誘導することができます。

次に、「移動先」ドロップダウンメニューから「FAQ」ブロックを選択し、「設定を保存」ボタンをクリックします。

FAQ以外にも、ニュースレター登録、お問い合わせページ、割引オファーなどへの誘導ボタンを作成することもできます。

完了したら、設定を保存するために上部にある「公開」ボタンをクリックすることを忘れないでください。

画面にプロンプトが表示され、チャットボットの名前を入力するように求められます。

詳細を入力したら、「確認」ボタンをクリックするだけでチャットボットを公開できます。

次に、WordPressダッシュボードにアクセスし、ChatBot タブに移動します。そこに、「ボットを選択」セクションが表示されているのがわかります。

次に、ドロップダウンメニューから作成したばかりのボットを選択します。

その後、携帯電話からウェブサイトを訪問した人がチャットボットを見られないようにしたい場合は、「モバイルでチャットを非表示」スイッチを「オン」に切り替えます。

チャットボットをメンバー限定にしたい場合は、「ゲスト訪問者向けのチャットを非表示」を「オン」に切り替えることもできます。

最後に、「サイトに追加」ボタンをクリックします。これで、ウェブサイトにアクセスして、チャットボットが機能しているのを確認できます。

WordPressにHubSpot（無料＆簡単）でチャットボットを追加する方法

無料で簡単なチャットボットの作成方法をお探しなら、この方法をご利用いただけます。

HubSpotは、営業、カスタマーサービス、マーケティング、コンテンツ管理のためのツールスイートを備えた、優れた顧客関係管理（CRM）システムです。

ウェブサイト訪問者と自動会話を作成できる無料のチャットボットビルダーも備えています。

まず、ウェブサイトにHubSpotプラグインをインストールして有効化する必要があります。詳細な手順については、WordPressプラグインのインストール方法に関する初心者向けガイドをご覧ください。

有効化したら、WordPressサイドバーのHubSpotメニュータブにアクセスし、メールアドレスを入力してHubSpotアカウントを作成する必要があります。

すでにアカウントをお持ちの場合は、下部にある「サインイン」リンクをクリックしてください。

詳細情報と新しいアカウントのパスワードを設定すると、HubSpotはあなたが従事している業界について尋ねます。

ドロップダウンメニューから希望の業界を選択し、「次へ」ボタンをクリックするだけです。

その後、HubSpotはあなたのアカウントを新規作成し、WordPressサイトとの接続を求めます。

ここから、「ウェブサイトを接続」ボタンをクリックするだけです。

さて、チャットボットの作成を開始する時間です。

これを行うには、WordPressダッシュボードから HubSpot » Live Chat ページにアクセスし、「チャットフローを作成」ボタンをクリックします。

これで次のページに移動し、既製のチャットボットテンプレートのいずれかを選択できます。

デフォルトでは、HubSpotではコンシェルジュボット、リード獲得ボット、ミーティングボット、チケットボット、オフラインボットを作成したり、スクラッチからチャットボットを作成したりできます。

このチュートリアルでは、「チケットボット」を作成します。

続行するには、使用したいチャットフローを選択し、「HubSpotで続行」ボタンをクリックします。

次に、HubSpotアカウントにリダイレクトされ、そこでチャットボットの残りの部分を作成します。

ここから、「次へ」ボタンをクリックして進みます。

次のステップでは、ドロップダウンメニューからチャットボットの言語を選択する必要があります。

他の設定はそのままにして、「作成」ボタンをクリックしてください。

テンプレートがチャットボットビルダーで開き、チャットフローを編集できます。

ボットの応答の「オプション」タブをクリックし、「編集」リンクを選択するだけです。

これにより、左側の列にアクション設定が開かれ、アクションの名前とテキストを変更できます。

HubSpotでは、アクションとは、質問をしたり、応答を送信したりするなど、特定のタスクを実行するチャットボット会話のステップです。チャットボットの最初のアクションは、ウェブサイト訪問者から最初に受け取る質問になります。

その後、「訪問者の応答」セクションまでスクロールダウンし、訪問者がこの質問に対して与える可能性のあるすべてのクイック返信を入力します。

例えば、訪問者は製品の購入方法を尋ねたり、ウェブサイトで発生しているエラーを報告したい場合があります。

その後、一番上までスクロールして、「If/thenブランチ」タブに切り替えます。

ここから、顧客が追加したクイック応答のいずれかで返信した場合にチャットボットが実行するアクションを選択する必要があります。

たとえば、ユーザーが資格情報を含む確認メールを受信できない場合に、チャットボットが毎回サポートチケットを作成するようにしたい場合は、ドロップダウンメニューから「チケットを作成」オプションを選択します。

その後、「保存」ボタンをクリックしてアクション設定を保存します。

その後、チャットフローの設定はそのままにしておくか、チャットボットのさまざまなアクションの編集を続けることができます。

チャットボットは、アクションプロンプトに追加したすべてのクイックレスポンスに対してサポートチケットを作成します。

次に、上部にある「ターゲット」タブに切り替えます。ここで、チャットボットウィジェットをウェブサイトのどこに表示するかを選択する必要があります。

チャットボットをウェブサイトのすべてのページに表示したい場合は、これらの設定をそのままにしておくことができます。

ただし、特定のページでチャットボットを非表示にしたい場合は、「除外ルールを追加」リンクをクリックできます。これにより別のルールが開かれ、チャットボットを非表示にしたいページのURLを右側のフィールドに簡単に追加できます。

完了したら、「訪問者情報と行動」セクションまでスクロールダウンします。ここで、チャットボットを表示する訪問者を選択できます。

たとえば、連絡先リストのメンバーのみがチャットボットを表示できるようにしたい場合は、左側のドロップダウンメニューから「訪問者」オプションを選択し、右側のフィールドで「連絡先である」オプションを選択できます。

その後、「保存」ボタンをクリックして「表示」タブに切り替えます。

ここから、チャットボットのアバター画像をアップロードし、名前を変更できます。

次に、「チャット表示動作」セクションを展開し、トリガーが満たされたときのチャットボットのデフォルト状態を選択します。

例えば、誰かがあなたのウェブサイトにアクセスしたときにすぐにボットのウェルカムメッセージを表示したい場合は、「ウェルカムメッセージをプロンプトとして開く」オプションを選択できます。

「チャットランチャーのみ表示」を選択した場合、訪問者はチャットボットをクリックしないとプロンプトが表示されません。

ただし、チャットボットをトリガーが満たされたときにのみ表示したい場合は、3番目のオプションを選択できます。

その後、下にスクロールして、チャットボットの表示トリガーを選択します。

例えば、訪問者がサイトを離れるときにチャットボットを表示したい場合は、「離脱意図時」オプションを選択します。

ただし、トリガーとしてスクロールされたページ数やウェブサイトでの滞在時間をパーセンテージで選択することもできます。

次に、「モバイル」タブに切り替えて、携帯電話のチャット表示設定を構成することもできます。

それが完了したら、「保存」ボタンをクリックして変更を保存します。

次に、上部から「オプション」タブに切り替えて、遅延メッセージテキスト、セッションタイムアウト、汎用エラーメッセージ、ボット言語、利用可能状況などの一般設定を構成します。

その後、「保存」ボタンをクリックして設定を保存します。最後に、上部にあるスイッチを切り替えて、ウェブサイトでチャットボットを有効にします。

これで、WordPressサイトにアクセスしてチャットボットが動作していることを確認できます。

デモウェブサイトではこのようになりました。

ボーナス: WordPressサイトにライブチャットを追加する

ライブチャットは、訪問者がウェブサイト上のチャットウィンドウを通じて、あなたのカスタマーサポートチームのメンバーとチャットできるコミュニケーションツールです。

これは顧客とつながるための非常に人気のある方法であり、満足度は73%で、メール、電話、SMSサポートよりもはるかに高くなっています。

WooCommerceストアにライブチャットを追加すると、顧客は保留にされたり、メールを送信したりすることなく、迅速かつ簡単にヘルプを得ることができます。 

これにより、直帰率が減少し、売上が増加し、ユーザーからのフィードバックを収集することもできます。

LiveChatを使用すると、この機能をウェブサイトに簡単に追加できます。これは、WordPress向けの最高のライブチャットサポートソフトウェアです。

事前に作成されたライブチャットテンプレート、リアルタイムチャット、複数のサポートチャネル、定型応答、チャットトランスクリプト、チャット分析などが含まれており、さらに多くの機能があります。

さらに、WooCommerce、HubSpot、ChatBot、Constant Contact、Mailchimpなどのツールとも連携します。

詳細な手順については、WordPressに無料のライブチャットを追加する方法に関するステップバイステップのチュートリアルをご覧ください。

この記事が、WordPressにチャットボットを簡単に追加する方法を学ぶのに役立ったことを願っています。また、WordPressにドキュメントを追加する方法や、中小企業向けの最高のヘルプデスクソフトウェアに関するガイドも参照してください。

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