WordPressにチャットボットを設置する方法【コピペ5分・初心者向け】
WordPressで作ったサイトに、お客様の質問へ自動で答えるチャットボットを設置する手順を解説します。 プログラミングの知識は不要です。コードを1行コピーして貼るだけで、5分ほどで完了します。
この記事でできるようになること
サイトの右下にチャットボタンが表示され、訪問者が質問すると、事前に登録したFAQをもとにAIが自動で回答するようになります。
準備するもの:埋め込みコード
チャットボットのサービスに登録すると、次のような1行のコードが発行されます。まずはこれを手元に用意してください。
FAQuickの場合、管理画面にGoogleアカウントでログインすると、「埋め込みコード」の欄に表示されます。「コードをコピー」ボタンで丸ごとコピーできます。
方法1:プラグインを使う(初心者におすすめ)
もっとも安全で簡単な方法です。テーマのファイルを直接触らないので、サイトが壊れる心配がありません。
「ヘッダー・フッターにコードを追加できるプラグイン」を使います(例:WPCode など)。
プラグインをインストールする
WordPressの管理画面で「プラグイン」→「新規プラグインを追加」を開き、WPCode と検索します。見つかったら「今すぐインストール」→「有効化」をクリックします。
フッターにコードを追加する画面を開く
左メニューに追加された「Code Snippets」→「Header & Footer」を開きます。「Header」「Body」「Footer」の3つの入力欄が表示されます。
「Footer」欄に貼り付ける
「Footer」の欄に、用意した埋め込みコードをそのまま貼り付けます。ヘッダーではなくフッターに貼るのは、ページの表示を遅くしないためです。
保存して確認する
「Save Changes」で保存し、自分のサイトを開いてください。右下にチャットボタンが表示されていれば完了です。
方法2:テーマのフッターに直接書く(中級者向け)
⚠️ 先に注意点をお伝えします。
この方法には2つのリスクがあります。
① テーマを更新すると、書いたコードが消えます(子テーマを使えば回避できます)
② ファイルの編集を1文字間違えると、サイト全体が表示されなくなることがあります
不安な場合は、方法1のプラグインを使ってください。結果は同じです。
テーマファイルエディターを開く
管理画面で「外観」→「テーマファイルエディター」を開きます。編集するテーマが子テーマになっているか確認してください。
footer.php を開く
右側のファイル一覧から「テーマフッター(footer.php)」を選びます。
</body> の直前に貼り付ける
ファイルの下の方にある </body> という行を探し、その直前の行に埋め込みコードを貼り付けます。
「ファイルを更新」して確認する
保存してサイトを開き、右下にチャットボタンが出ていれば完了です。
方法3:テーマの「カスタムコード」欄を使う
テーマによっては、最初からコードを追加できる欄が用意されています(Cocoonなど、国産テーマに多い機能です)。 テーマの設定画面に「フッター用コード」「カスタムHTML」といった項目があれば、そこに貼るのが最も手軽です。 テーマ更新で消える心配もありません。
チャットボタンが表示されない時は
| 原因 | 対処 |
|---|---|
| キャッシュ | キャッシュ系プラグイン(WP Super Cache、LiteSpeed Cache など)を使っている場合、古いページが表示されています。キャッシュを削除してから、ブラウザも Ctrl + F5 で強制再読み込みしてください。 |
| セキュリティプラグイン | 外部スクリプトの読み込みを制限している場合があります。設定を確認し、faquick.net を許可してください。 |
| 貼る場所が違う | コードがコメントの中(<!-- と --> の間)に入っていると、まったく動作しません。コメントの外に出してください。 |
| コードが途中で切れている | 末尾の </script> まで、省略せず貼れているか確認してください。 |
よくある質問
サイトが重くなりませんか?
フッターに設置すれば、ページ本体の表示が終わってからチャットが読み込まれるため、表示速度への影響はほとんどありません。
特定のページにだけ表示できますか?
方法1のプラグインには、表示条件を指定できる機能があるものもあります。全ページに出したくない場合は、そちらをご検討ください。
WordPress.com(無料ブログ版)でも使えますか?
WordPress.comの無料プランでは、外部のJavaScriptを追加できません。ビジネスプラン以上、または自分でサーバーを借りて運用するWordPress.org版であれば利用できます。