Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでチャットボットを追加する方法(ステップバイステップ)

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressにチャットボットを追加したいですか?

チャットボットとは、サイト訪問者と会話を始めることができるソフトウェアです。サイトにチャットボットを追加することで、即座にカスタマーサポートを提供し、リードを生成し、ユーザーエクスペリエンスを向上させることができます。

この投稿では、WordPressにチャットボットを簡単に追加する方法を順を追って説明します。

add chatbot-in-wordpress-og

チャットボットとは何か?

チャットボットは、あなたのサイトの訪問者と対話するためにチャットインターフェースを使用するコンピュータープログラムです。それは、ライブチャットプラグインを使用しているとき、あなたのカスタマサポートチームと同じように動作します。

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

つまり、あなたがプログラムした答えしかプロバイダーは提供できないのだ。

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

同様に、ヘルスケアチャットボットは、健康状態に関する質問に即座にレスポンスを提供し、予約のリマインダーを提供し、患者と医師をつなぐことができる。

なぜWordPressでチャットボットを使うべきなのか?

WordPressサイトにチャットボットを追加することで、サポートチームが不在の場合でも、訪問者に24時間365日のカスタマイサポートを提供することができます。

これにより、サイトのサポートチケット数を減らし、ユーザー体験を向上させることができます。

チャットボットは、よくある質問への回答、製品サポートの提供、小さな問題の解決など、その他のカスタマーサポートタスクの自動化にも使用できます。

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

オンラインショップを運営している場合、チャットボットを使ってカスタマイザーの興味を探り、ニーズを聞くこともできます。チャットボットは顧客のクエリーに答えて取引を成立させ、ユーザーエンゲージメントを高めることができます。

それでは、WordPressでチャットボットを簡単に追加する方法を順を追って見ていきましょう。ここでは3つの異なる方法を取り上げますので、以下のクイックリンクから使いたい方法にジャンプしてください:

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

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

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

また、あなたのナレッジベースのページにチャットボットを追加する強力なHeroic AIアシスタントが付属しています。AIチャットボットは、訪問者の質問に正確なレスポンスを提供するために、ナレッジベースの投稿から直接学習されます。

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

注:Heroic AI Assistantにアクセスするには、Heroic KB Proプランが必要です。

プラグインを有効化したら、ナレッジベースを作成し、AIチャットボットを訓練できるようにする必要があります。ナレッジベースには、オーディエンスがあなたの製品やサービスの使い方を学ぶのに役立つ、詳細で質の高い投稿が含まれていることを確認してください。

Website documentation preview

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

知識ベースを作成したら、Heroic AIアシスタントを設定します。

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

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

Enable the Heroic AI Help Assistant

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

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

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

Add OpenAI and Pinecone API keys in Heroic KB

OpenAIのサイトでは、有料アカウントからAPIキーのページにアクセスすることで、OpenAIのAPIキーを生成することができます。

新しいシークレットキーをジェネレータで生成し、Heroic KB AI Help Assistant Configuration設定にコピー&ペーストするだけです。

OpenAI API keys

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

API Keys’ページに行き、’Create API Key’ボタンをクリックするだけです。そして、Heroic KBの設定にコピー&ペーストしてください。

Generate Pinecone API key

APIキーをコピー&ペーストした後、’Pinecone Environment’フィールドにも入力する必要があります。

無料のPineconeアカウントでは、Pinecone環境としてgcp-starterを使用できます。有料アカウントの場合は、eu-west4-gcpus-central1-gcp など、Pinecone がサポートするGCP リージョンを使用できます。

Enter Pinecone environment

そうしたら、忘れずに「設定を保存」ボタンを押してください。

次に、「松ぼっくりインデックスを作成」ボタンをクリックすると、自動的に新しい松ぼっくりインデックスが作成されます。

Create Pinecone index

状態」ボックスをチェックすると、APIキーが正しく認証され、Pineconeインデックスが作成されたかどうかを確認できます。

これらの準備ができたら、あなたの知識ベースでAIアシスタント・チャットボットのトレーニングを始めることができる。

Check status of your Pinecone index

そのためには、「このサイトのヒーロー知識ベースでトレーニングする」ボタンをクリックするだけです。

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

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

Completed training for Heroic AI assistant

トレーニングが完了したら、ナレッジベースのページにアクセスし、Heroic AIアシスタントチャットボットの動作を確認することができます。

訪問者は質問をすることができ、チャットボットはナレッジベースのドキュメンテーションに基づいて正確なレスポンスを提供します。

Example of Heroic AI assistant chatbot

WordPressでChatBotを使ってチャットボットを追加する(営業・カスタマーサービスに最適)

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

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

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

有効化したら、WordPressの管理画面からChatBotのメニュータブにアクセスし、「アカウント接続」ボタンをクリックします。

Click Connect to account button

ChatBotのサイトが別ウィンドウで開きますので、ログイン情報を入力して「ログイン」ボタンをクリックしてください。

ChatBotのアカウントをまだお持ちでない方は、一番上の「無料登録」リンクをクリックしてください。

Login to your Chatbot account

新しいページでメールアドレスを入力し、アカウント名とパスワードを入力してください。

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

Create Chatbot account

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

さて、チャットボットの作成を開始するには、「ダッシュボードへ」ボタンをクリックするだけです。

Click the Go to dashboard button

ChatBot アカウントのダッシュボードに移動します。

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

Click Create bot button

新規ストーリー作成」ページが表示されますので、作りたいチャットボットのタイプを選択してください。

初期設定では、ChatBotでは、カスタマイザーボット、求人応募ボット、リードジェネレータボット、FAQボット、セールスボットなどを作成することができます。

しかし、’Build from Scratch’オプションを選択して、自分でボットを作成することもできます。このチュートリアルでは、カスタマーサービスボットを作成します。

Choose the customer service bot template

画面上にカスタマイザーボットのテンプレートが表示されます。

ここから、チャットフローの「ボットレスポンス」タブをクリックすることで、チャットボットの会話フローを簡単に作成することができます。

画面上にプロンプトが表示され、テキスト、画像、ボタンなどのブロックをプロンプトにドラッグ&ドロップすることで、チャットレスポンスやクイック返信を追加できます。

そうしたら、ボットのレスポンスを追加し、上部にある「保存して閉じる」ボタンをクリックするだけです。

Add a bot response

必要であれば、プロンプトの「フィルタを追加」ボタンをクリックして、チャットボットのレスポンスにカスタムフィルタを追加することもできます。

ドロップダウンメニューが開き、チャットボットのレスポンシブに追加するフィルターを選択できます:

  • メッセージユーザーのメッセージに合わせてレスポンスをカスタマイズすることで、会話をパーソナライズします。
  • スコアスコアの低いメッセージをフィルターにかけることで、無関係な会話を防ぎます。
  • 失敗:失敗につながりそうなメッセージをフィルターにかけることで、チャットボットの精度を向上させます。これにより、チャットボットが誤った情報や誤解を招く情報を与えることを防ぐことができます。
  • メール 無効なメールアドレスを除外するか、メールによってユーザーを特定します。
  • 名前ユーザーにパーソナライズされたエクスペリエンスを作成したり、特定の名前を含むメッセージをブロックしたりできます。
  • ユーザー名:特定のユーザー名を含むメッセージをフィルターします。
  • 統合:特定のツールを使用しているユーザー向けに特定のメッセージを作成します。
  • 言語:多言語サイトのために特定の言語でメッセージを書く。
  • タイムゾーン:関連するタイムゾーンに従ってメッセージをフィルターします。

さらに、異なる地域や国のユーザー向けに特定のメッセージを作成することもできます。これは、国際的な読者が多い場合に役立ちます。

Add filter to response

その後、フィルタリングされたレスポンスの条件ロジックを選択することもできます。作成するレスポンスは、対話するカスタマイザーがフィルターに適合する場合にのみチャットボットによって使用されます。

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

そうしたら、条件として「=イコール」オプションを設定し、言語名を入力する。

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

Add filter value

フィルターを追加し終わったら、「フィルターを適用」をクリックしてください。

その後、’+’ボタンを使ってチャットフローにブロックを追加することができます。これでプロンプトが表示され、好きなブロックを選択することができます:

  • ユーザー入力:ボットのレスポンスをトリガーするユーザーメッセージを追加します。
  • FAQ:よくある質問とその回答をこのブロックに追加します。
  • 添付ファイル入力:ユーザーがチャットボットとの進行中の会話でファイルを添付できるようにします。
  • ボットレスポンス:質問に対するチャットボットのレスポンスを追加します。
  • バックトラッキング:ユーザーが以前にボットと一致したインタラクションを表示できないようにします。
  • フォールバック:ユーザーのクエリーとチャットボットのレスポンスが一致しない場合は、いつでも一般的なメッセージを表示したり、アクションをトリガーしたりできます。
  • フロー:複雑なチャットボットのレスポンシブシナリオを視覚的に整理。
  • セグメントに追加します:ユーザーデータに基づいて、すべてのユーザーを異なるグループにセグメントします。
  • セグメントから削除:特定のセグメントからユーザーを削除します。
  • 属性を設定する:ユーザーの情報を保存します。
  • ゴールに印をつける: 会話がゴールに達したと印をつけます。

また、会話の記録をメールに送信したり、異なるチャットボットとの会話にキーワードやフレーズをタグ付けしたりする設定も可能です。

Add FAQs block to the chatflow

例えば、FAQブロックを選択すると、画面上によくあるカスタマサポートの質問とその回答を追加することができます。

チャットボットはこれらのレスポンシブを使って、サイト上のクエリーに回答します。

Add FAQs

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

その後、各ボタンブロックをクリックして設定を開き、ボタンがユーザーを誘導する場所を設定します。

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

次に、「Go to」ドロップダウンメニューから「FAQ」ブロックを選択し、「Save Settings」ボタンをクリックします。

Configure main menu bot response

FAQ以外にも、ニュースレター登録、お問い合わせページ、割引キャンペーンなどにユーザーを誘導するためのボタンを作成することができます。

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

Publish the bot

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

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

Save chatbot

次に、WordPressダッシュボードにアクセスして、ChatBot タブに移動します。

注意:チャットボットを作成してから WordPress ダッシュボードに表示されるまで、3-4 時間かかる場合があります。

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

その後、携帯電話からサイトを訪問した人にチャットボットを見せたくない場合は、「Hide chat on mobile」スイッチを「On」に切り替えます。

Add chatbot to your site

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

最後に、「サイトに追加」ボタンをクリックします。これで、あなたのサイトにアクセスして、チャットボットの動作を表示できるようになります。

Chatbot preview

HubSpotを使ってWordPressにチャットボットを追加する(無料&簡単)

無料で簡単にチャットボットを構築する方法をお探しなら、この方法をご利用ください。

HubSpotは、営業、カスタマーサービス、マーケティング、コンテンツ管理のためのツール一式を備えた素晴らしいカスタマーリレーションシップマネジメント(CRM)システムです。

無料のチャットボットビルダーを使えば、サイト訪問者との自動会話を作成することもできる。

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

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

すでにお持ちの方は、一番下の「サインイン」リンクをクリックしてください。

Create or sign in to your HubSpot account

新規アカウントの詳細情報とパスワードの設定が完了すると、HubSpotはお客様の業種についてお尋ねします。

ドロップダウンメニューからご希望の業種を選択し、「次へ」ボタンをクリックしてください。

Add your industry and click the 'Next' button

その後、HubSpotが新規アカウントを作成し、WordPressサイトとの接続をお願いします。

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

Connect website to HubSpot

さあ、いよいよチャットボットの作成です。

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

Click the Create Chat flow button

このページでは、あらかじめ用意されているチャットボットテンプレートを選択することができます。

初期設定では、HubSpotはコンシェルジュボット、クオリファイドリードボット、ミーティングボット、チケットボット、オフラインボット、あるいはチャットボットをゼロから作成することができます。

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

使用するチャットフローを選択し、「Continue in HubSpot」ボタンをクリックするだけです。

Choose a bot template

その後、HubSpotアカウントに移動し、チャットボットの残りの部分を作成します。

ここから「次へ」ボタンをクリックして先に進む。

Click Next on the HubSpot website

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

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

Choose chatbot language

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

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

左カラムのアクション設定が開き、アクション名とテキストを変更できます。

HubSpotでは、アクションとはチャットボットの会話の中で、質問やレスポンシブの送信など、特定のタスクを実行するステップのことです。チャットボットの最初のアクションは、サイト訪問者に送信される最初の質問になります。

configure chatbot action settings

その後、「Your visitors’ responses(訪問者のレスポンシブ)」セクションまでスクロールダウンし、この質問に対する訪問者の可能性のあるクイックレスポンスをすべて入力します。

例えば、訪問者が商品の購入方法を尋ねたり、サイトで直面しているエラーを報告したいと思うかもしれません。

Add customer quick replies

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

ここから、あなたが追加したクイックレスポンスのいずれかでカスタマイザーが返信した場合にチャットボットが取るアクションを選択する必要があります。

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

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

Choose an action for customer response

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

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

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

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

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

Configure target settings

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

例えば、コンタクトリストの訪問者だけにチャットボットを表示させたい場合は、左のドロップダウンメニューから「訪問者」オプションを選択し、右のフィールドで「コンタクトである」オプションを選択します。

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

Add exclusion rule and behavior rule

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

次に、「チャット表示動作」セクションを展開し、トリガーが満たされたときのチャットボットの初期設定を選択します。

例えば、誰かがあなたのサイトにアクセスしたら、すぐにボットのウェルカムメッセージを表示させたい場合は、「ウェルカムメッセージをプロンプトとしてポップオープンする」オプションを設定します。

チャットランチャーのみを表示する」を選択した場合、訪問者はプロンプトを表示するためにチャットボットをクリックする必要があります。

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

Configure chat display behavior

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

例えば、訪問者がサイトを離脱する際にチャットボットを表示させたい場合は、「On exit intent」オプションを選択します。

ただし、スクロールされたページの割合やサイト滞在時間をトリガーとして選択することもできる。

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

保存」ボタンをクリックし、変更内容を保存します。

Choose a trigger for chatbot

オプション」タブで、遅延メッセージテキスト、セッションタイムアウト、一般的なエラーメッセージ、ボット言語、可用性などの一般的な設定を行います。

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

Save HubSpot chatbot

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

デモサイトではこんな感じ。

HubSpot chatbot preview

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

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

カスタマイザーは顧客とつながる手段として非常に人気があり、満足度は73%で、メールや電話、SMSによるサポートよりもはるかに高い。

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

これにより、直帰率が下がり、売上が増加し、ユーザーからのフィードバックを収集する機会も得られる。

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

Live Chat Inc Website

それは、既製のライブチャットテンプレート、リアルタイムチャット、複数のサポートチャネル、定型応答、チャット トランスクリプト、チャット分析、および非常に多くの付属しています。

さらに、WooCommerce、HubSpot、ChatBot、Constant ContactMailchimpなどのツールと統合できます。

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

WordPress でチャットボットを簡単に追加する方法について、この投稿がお役に立てれば幸いです。また、WooCommerce でカスタマージャーニーを最適化する方法についてのガイドと、中小企業に最適な動画チャットソフトウェアのトップピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

5件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I find artificial intelligence fascinating and intriguing. Many times, I’ve toyed with the idea of implementing something similar on my website. Not necessarily to replace any support, but at least for FAQs and such. I couldn’t find a properly detailed guide anywhere. Thank you, and I’ll try your guide first on a development website, and if it works well, I’ll attempt to deploy it on the production version to see if people appreciate it. Anyway, thanks for the excellently crafted guide.

  3. Ralph says

    Thank you for this insightful guide! Tools like chatbots are crucial for fast response times which are hard to achieve when you are a solopreneur and don’t have team.

返信を残す

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