WordPress

このガイドでは、公式プラグインを使って Quickchat AI ウィジェットを WordPress サイトに追加する方法をご紹介します。

必要なもの

• プラグインをインストールできる WordPress サイト（バージョン 6.0 以降）
• Quickchat AI Agent プラグイン（無料、WordPress プラグインディレクトリより）
• Quickchat AI アプリ の Scenario ID

所要時間：約 2 分

---

ステップ 1：プラグインをインストールする

WordPress 管理画面で プラグイン → 新規追加 を開き、Quickchat AI Agent を検索して、今すぐインストール と 有効化 をクリックします。

WordPress.org の Quickchat AI Agent のページ からインストールすることもできますし、プラグイン → 新規追加 → プラグインのアップロード でプラグインの ZIP ファイルをアップロードしてインストールすることもできます。

---

ステップ 2：Scenario ID を入力する

有効化したら、設定 → Quickchat AI Agent を開き、Scenario ID を貼り付けて 変更を保存 をクリックします。

Scenario ID の確認方法

Quickchat AI アプリ にログインし、チャンネル → あなたのウェブサイト → インストール を開いて、Scenario ID をコピーします。シナリオの URL から読み取ることもできます。https://app.quickchat.ai/i/your-scenario-id の最後の部分が Scenario ID です。

---

ステップ 3：サイト上で確認する

サイトのフロントエンドを開き、ページの右下隅に Quickchat AI のチャットバブルが表示されているか確認します。

これで完了です！

Quickchat AI Agent が WordPress サイトで稼働しています 🎉

ウィジェットの設定（色、位置、ランチャーサイズ、ウェルカムメッセージ、AI の挙動）はすべて、Quickchat AI アプリ の チャンネル → あなたのウェブサイト で管理します。変更はサイトに自動的に反映されます。外観とテキストオプションの全一覧は ウェブサイト ガイドをご覧ください。

---

ウィジェットスクリプトを手動で追加する方法

プラグインをインストールしたくない場合は、代わりに小さなスクリプトで Quickchat AI ウィジェットを WordPress に追加できます。

1. ウィジェットスクリプトを取得する

1. Quickchat AI アプリ にログインします。
2. チャンネル → あなたのウェブサイト → インストール を開きます。
3. Widget script をコピーします。

<script>
  (function(e,a,d,i,c,t=a.createElement(d)){e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},t.src=i,t.async=1,a.body.insertAdjacentElement("beforeend",t)})(window,document,"script","https://bubble.quickchat.ai/chat.js","_quickchat");
  _quickchat("init", "YOUR_SCENARIO_ID_HERE");
</script>

2. サイトに追加する

閉じタグ </body> の直前にスクリプトを貼り付けます。お使いの構成に合った方法を選んでください。

• コードスニペットプラグイン（WPCode や Insert Headers and Footers など）：プラグインのフッター／ボディ欄にスクリプトを貼り付けて保存します。
• テーマの footer.php：外観 → テーマファイルエディター で、</body> の直前にスクリプトを貼り付けます。テーマの更新で変更が上書きされないよう、子テーマ を使ってください。

ウィジェットは、テーマのフッターを含むすべてのページに表示されます。

ヒント

公式プラグインは同じことを自動で行い、テーマの更新後も維持されるため、ほとんどのサイトではこちらをおすすめします。

サポートが必要な場合は contact@quickchat.ai までご連絡ください。