ホームページにAIチャットを設置すると、訪問者の質問にリアルタイムで回答でき、 問い合わせのハードルが大幅に下がります。この記事では、あなたのホームページに合った設置方法を紹介します。
方法1：スクリプトタグで埋め込み（全サービス共通）
最も汎用的な方法です。以下の1行のコードをあなたのサイトの</body>タグの前に貼り付けるだけで、 右下にチャットアイコンが表示されます。
<script src="https://kantanchat.jp/api/widget/YOUR_BOT_ID.js"></script>
YOUR_BOT_ID の部分は、ダッシュボードで確認できるあなたのボットIDに置き換えてください。
💡 ポイント
この方法はプロプランで利用可能です。まずは無料のチャットページで動作を確認してから、 ウィジェット設置に進むのがおすすめです。
方法2：WordPressへの設置
プラグインを使う方法（推奨）
1
プラグインをインストール
WordPress管理画面 → プラグイン → 新規追加 から「カンタンチャット」を検索してインストールします。
2
APIキーを入力
設定 → カンタンチャット から、ダッシュボードに表示されているAPIキーを入力して保存。 これだけで設置完了です。
テーマ編集で設置する方法
プラグインを使わない場合は、外観 → テーマファイルエディター → footer.php の</body>タグの前に スクリプトタグを貼り付けてください。
方法3：ペライチ・Wix・Jimdoへの設置
ペライチの場合
1
HTMLブロックを追加
ページ編集画面で「HTML埋め込み」ブロックを追加し、スクリプトタグを貼り付けます。 ※ペライチのビジネスプラン以上が必要です。
Wixの場合
1
カスタムコードを追加
Wixダッシュボード → 設定 → カスタムコード → コードを追加 で、 スクリプトタグを「Bodyの最後」に配置します。
Jimdoの場合
1
ヘッダー編集から追加
Jimdo管理画面 → 基本設定 → ヘッダー編集 でスクリプトタグを貼り付けます。
設置後の確認ポイント
- サイトの右下にチャットアイコン（💬）が表示されているか
- アイコンをクリックするとチャット画面が開くか
- 質問を入力するとAIが回答するか
- スマホでも正しく表示されるか
まとめ
ホームページへのAIチャット設置は、どのサービスでも数分で完了します。 まずは無料プランでチャットページを試し、効果を確認してからウィジェット設置に進みましょう。