【図解】CraftChatを5分で導入する手順ガイド

「AIチャットボットの導入って難しそう...」そんなイメージをお持ちではありませんか？CraftChatは、WordPressの管理画面からわずか5分で導入が完了するように設計されています。プログラミングの知識は一切不要。この記事では、インストールから最初のテストメッセージ送信まで、すべての手順を画面ごとに丁寧に解説します。

導入前に準備するもの

CraftChatの導入に必要なものは、以下の3つだけです。

WordPress 6.0以上がインストールされたサイト（WooCommerceは任意）
管理者権限を持つWordPressアカウント
メールアドレス（CraftChatアカウント登録用）

サーバーの設定変更やFTPアクセスは必要ありません。通常のプラグインインストールと同じ手順で導入できます。

Step 1: WordPressプラグインをインストールする（所要時間：1分）

まず、WordPressの管理画面にログインしてください。

[スクリーンショット: WordPress管理画面のダッシュボード。左サイドバーの「プラグイン」メニューがハイライトされている]

左サイドバーの「プラグイン」から「新規追加」をクリックします。右上の検索ボックスに「CraftChat」と入力してください。

[スクリーンショット: プラグイン検索画面。検索ボックスに「CraftChat」と入力され、検索結果にCraftChat - AI Chatbot for WooCommerceが表示されている]

検索結果に「CraftChat - AI Chatbot for WooCommerce」が表示されます。「今すぐインストール」ボタンをクリックし、インストールが完了したら「有効化」をクリックしてください。

有効化が完了すると、左サイドバーに「CraftChat」というメニュー項目が新しく追加されます。これでインストールは完了です。

インストールでつまずいた場合

プラグイン検索で見つからない場合は、CraftChat公式サイトからZIPファイルを直接ダウンロードし、「プラグイン」→「新規追加」→「プラグインのアップロード」からインストールすることもできます。

Step 2: CraftChatアカウントを作成する（所要時間：1分）

左サイドバーの「CraftChat」メニューをクリックすると、初期設定ウィザードが自動的に表示されます。

[スクリーンショット: CraftChat初期設定ウィザードの最初の画面。「CraftChatへようこそ」というタイトルと、メールアドレス入力欄、「無料で始める」ボタンが表示されている]

メールアドレスを入力して「無料で始める」をクリックします。入力したメールアドレスに確認メールが届きますので、メール内の「アカウントを確認する」リンクをクリックしてください。

確認が完了すると、WordPress管理画面に自動的に戻り、アカウント連携が完了します。この時点で、あなた専用のAPIキーが自動的に生成され、プラグインに設定されます。

APIキーの手動設定について

通常は自動連携で設定が完了しますが、万が一APIキーが自動で設定されない場合は、CraftChatダッシュボードの「設定」→「APIキー」タブからキーをコピーし、WordPress側のCraftChat設定画面の「APIキー」欄に貼り付けてください。

[スクリーンショット: CraftChat設定画面のAPIキータブ。APIキーが伏字で表示されており、「コピー」ボタンと「再生成」ボタンがある]

Step 3: サイトコンテンツを学習させる（所要時間：1〜2分）

CraftChatの最大の特徴は、あなたのサイトの内容を自動的に学習するAIエンジンです。設定ウィザードの次のステップで「サイトをクロールする」ボタンをクリックすると、学習が開始されます。

[スクリーンショット: クロール設定画面。「サイトをクロールする」ボタンと、クロール対象の選択肢（全ページ、商品ページのみ、カスタム選択）が表示されている]

クロール対象は以下の3つから選べます。

| クロール対象 | 推奨シーン | 所要時間の目安 | |---|---|---| | 全ページ | コーポレートサイト、情報サイト | 1〜3分 | | 商品ページのみ | ECサイト（大量の商品がある場合） | 30秒〜2分 | | カスタム選択 | 特定のカテゴリやページだけ対象にしたい場合 | ページ数による |

ECサイトの場合は「商品ページのみ」を選択すると、商品名・価格・在庫状況・商品説明を効率的に学習します。ブログやFAQページも含めたい場合は「全ページ」を選択してください。

クロールが開始されると、進捗バーが表示されます。ページ数にもよりますが、通常は1〜2分で完了します。100ページ以上のサイトでも、ほとんどの場合3分以内に学習が終わります。

[スクリーンショット: クロール進捗画面。プログレスバーが75%を表示し、「47/62ページを学習中...」というステータスメッセージが表示されている]

クロールが完了すると、「学習完了！ X件のページを学習しました」というメッセージが表示されます。

クロール対象の追加・更新

初回クロール後も、新しい商品やページを追加した際には、CraftChat設定画面からいつでも再クロールが可能です。差分のみを効率的に学習するため、再クロールにかかる時間は初回より大幅に短くなります。

Step 4: チャットウィジェットの外観をカスタマイズする（所要時間：30秒）

学習が完了したら、次はチャットウィジェットの見た目をサイトに合わせてカスタマイズします。

[スクリーンショット: ウィジェットカスタマイズ画面。左側にカラーピッカーや配置選択などの設定項目、右側にリアルタイムプレビューが表示されている]

カスタマイズできる項目は以下の通りです。

テーマカラー: サイトのブランドカラーに合わせて、チャットウィジェットのメインカラーを変更できます。カラーコードを直接入力するか、カラーピッカーで選択してください。
ウィジェットの位置: 画面右下（デフォルト）または左下から選択できます。サイトのレイアウトに合わせて配置してください。
ウェルカムメッセージ: チャットを開いたときに最初に表示されるメッセージを設定します。例：「こんにちは！何かお探しですか？お気軽にご質問ください。」
アバター画像: チャットボットのアイコン画像をアップロードできます。ショップのロゴやキャラクター画像を設定すると、ブランドの統一感が生まれます。
表示ページの制御: 全ページに表示するか、特定のページ（商品ページのみ、カートページのみなど）にだけ表示するかを選べます。

設定が完了したら「保存」をクリックします。プレビュー画面でリアルタイムに確認できるため、何度でも調整が可能です。

Step 5: テストメッセージを送信する（所要時間：30秒）

すべての設定が完了しました。実際にチャットボットが正しく動作するか確認しましょう。

設定画面の「テスト」ボタンをクリックするか、サイトのフロントエンドにアクセスして、画面右下に表示されるチャットアイコンをクリックしてください。

[スクリーンショット: サイトのフロントエンド画面。画面右下にCraftChatのチャットウィジェットが開いており、ウェルカムメッセージが表示されている。テスト用の質問として「送料はいくらですか？」と入力されている]

テスト用のメッセージとして、以下のような質問を送ってみてください。

「送料はいくらですか？」
「おすすめの商品はありますか？」
「返品はできますか？」

AIがサイトの情報を元に適切な回答を生成すれば、設定は正常に完了しています。

[スクリーンショット: チャットウィジェット内でAIが「送料について」の回答を返している様子。サイトの実際の送料情報を引用して回答している]

よくあるトラブルと対処法

チャットウィジェットが表示されない

キャッシュプラグインの影響: WP Super CacheやW3 Total Cacheなどのキャッシュプラグインを使用している場合、キャッシュをクリアしてからページを再読み込みしてください。
テーマの互換性: ごく一部のテーマでは、フッター部分の構造によりウィジェットが正常に表示されないことがあります。CraftChat設定画面の「詳細設定」から「読み込み方式」を「ショートコード」に変更し、表示したいページにショートコード [craftchat] を挿入してください。
JavaScriptエラー: ブラウザの開発者ツール（F12キー）でコンソールにエラーが出ていないか確認してください。他のプラグインとのJavaScript競合が原因であることがあります。

AIの回答が正確でない

クロール対象のページが適切か確認してください。重要な情報が掲載されているページがクロール対象から外れている可能性があります。
CraftChat設定画面の「学習データ」タブから、AIが学習しているコンテンツの一覧を確認できます。不足しているページがあれば、手動で追加できます。
特定のFAQや定型回答を設定したい場合は、「カスタム回答」機能を使って、特定のキーワードに対する回答を手動で設定することも可能です。

APIキーのエラーが表示される

APIキーが正しくコピーされているか確認してください。前後に余分なスペースが入っていないかもチェックしましょう。
CraftChatのアカウントが有効であるか、CraftChatダッシュボードにログインして確認してください。
それでも解決しない場合は、CraftChatダッシュボードからAPIキーを再生成し、WordPress側に再設定してください。

導入後にやっておきたいこと

5分間の初期セットアップが完了したら、以下の設定もぜひ確認してください。

営業時間の設定

CraftChat設定画面の「営業時間」タブで、有人対応が可能な時間帯を設定できます。営業時間外はAIが完全自動で対応し、営業時間内は必要に応じて有人チャットに切り替えることが可能です。

通知設定

お客様からの問い合わせがあった際に、メールやSlackで通知を受け取る設定ができます。重要な問い合わせを見逃さないために、導入初期は通知をオンにしておくことをおすすめします。

分析ダッシュボードの活用

CraftChat設定画面の「分析」タブでは、チャットの利用状況をリアルタイムで確認できます。よくある質問の傾向を把握し、サイトのFAQやコンテンツ改善に活用しましょう。

まとめ

CraftChatの導入手順をおさらいします。

プラグインインストール - WordPress管理画面から検索してインストール・有効化（1分）
アカウント作成 - メールアドレスを登録してAPIキーを取得（1分）
サイト学習 - クロール対象を選んでAIに学習させる（1〜2分）
外観カスタマイズ - テーマカラーやウェルカムメッセージを設定（30秒）
テスト - 実際にメッセージを送信して動作確認（30秒）

合計わずか5分で、AIチャットボットがあなたのサイトで稼働し始めます。24時間365日、お客様の質問に即座に回答し、購入をサポートするAIアシスタントが、今すぐ手に入ります。

CraftChatは無料プランから始められます。まずは導入して、AIチャットボットがサイトにどんな変化をもたらすか、実際に体験してみてください。

CraftChatを無料で始める