AIアシスタントとWPFormsを使用する

AIアシスタントとチャットするだけでWordPressフォームを管理したいですか?WPFormsを使用すると、Claude、ChatGPT、Cursorなどのツールをサイトに接続し、コードを書かずに、通常の英語でフォームを作成または編集できます。

このチュートリアルでは、接続の設定から書き込みアクセスを安全に有効化する方法まで、AIアシスタントとWPFormsを使用する方法を説明します。

要件:

  • サイトはWordPress 6.9以降を実行している必要があります。これにはWordPress Abilities APIが含まれています。
  • WPFormsは、サイトにインストールおよびアクティブ化されており、バージョン1.10.2以降である必要があります。

始める前に、各コンポーネントがどのように連携するかを理解しておくと役立ちます。AIアシスタントは、AIツールがあなたの代わりにアプリやサービスを安全に使用できるようにするオープンスタンダードであるModel Context Protocol(MCP)を介してサイトと通信します。無料のWPVibeプラグインは、AIアシスタントとサイト間のブリッジとして機能し、WPFormsは、そのブリッジが配置されたらアシスタントが使用するフォームの機能を提供します。

AIアシスタントがWPFormsでできること

AIアシスタントが接続されると、フォーム、フィールド、エントリの3つの領域にわたるWPFormsの機能の限定されたセットで動作します。このセクションのすべては通常の会話を通じて行われます。覚えるべきコマンドも、書くべきコードもありません。

フォーム

アシスタントは、タイトル、適切なフィールドセット、説明、カスタム送信ボタンテキストを含む、通常の記述から完全なフォームを作成します。また、フォームの完全な設定を読み取るため、既存のフォームに関する質問に答えたり、要求に応じてフォームの名前、説明、送信ボタンテキストを更新したりします。新しく更新されたフォームは、WPForms » すべてのフォームに表示され、レビューして公開する準備が整います。

フィールド

アシスタントは、既存のフォームにフィールドを追加したり、既存のフィールドを編集したりします。フィールドのラベルを変更したり、必須マークを付けたり、プレースホルダーテキストを追加したり、ドロップダウンまたは複数選択フィールドの選択肢を更新したり、フィールドサイズを調整したりします。サポートされているフィールドタイプは、シングルラインテキスト、段落テキスト、メール、数値、ドロップダウン、複数選択、チェックボックス、名前、電話、日付/時刻、ファイルアップロードなど、最も一般的なニーズをカバーしています。

エントリー

有料のWPFormsライセンスを使用すると、アシスタントは任意のフォームのエントリを閲覧し、日付、フィールド値、またはステータスで検索し、単一のエントリの完全な詳細を取得できます。これにより、WordPressダッシュボードを開かずに、提出に関する簡単な質問を簡単に行うことができます。エントリへのアクセスは読み取り専用であるため、アシスタントはエントリを表示および検索しますが、編集または削除することはありません。

注意: アシスタントは明確な制限内で動作します。フォームを削除することはできず、通知、確認、支払い設定、アドオン設定に触れることもできません。これらはフォームビルダーで完全に管理下に置かれます。

1. AI MCPページへのアクセス

統合で何ができるか分かったところで、セットアップしましょう。開始するには、WordPress管理ダッシュボードにログインし、WPForms » ツールに移動します。次に、AI MCPタブをクリックします。

WPForms のヘッダーにロゴとナビゲーションが表示され、AI MCP タブがメニューバーでオレンジ色の下線で強調表示されています。

このページは、WPFormsにおけるAI関連のすべての中核となる場所です。WPVibeプラグインを1クリックでインストールするボタン、書き込みアクセスを制御するトグル、およびAIアシスタントがフォームで実行できることの概要が含まれています。

注意: AI MCPタブが表示されない場合は、サイトでWordPress 6.9以降が実行されていることを確認してください。このタブは、WordPress Abilities APIが利用可能な場合、管理者のみに表示されます。

2. WPVibeプラグインのインストール

WPVibeはSeedProdによる無料プラグインで、WordPressサイトをMCP経由でAIアシスタントに接続します。WPFormsがインストールを処理します。AI MCPページで、WPVibeのインストールと有効化ボタンをクリックします。

WPForms AI 統合用のダークプロモパネル。オレンジ色の「Install & Activate WPVibe」ボタンと MCP 書き込みアクセスを有効にするトグル、右側には AI アシスタントオプションが表示されます。

WPFormsがプラグインをインストールして有効化し、ページは自動的にリロードされます。リロードされると、ボタンはWPVibeに移動に変わり、WordPress管理メニューに新しいVibe AI項目が表示されます。これがWPVibeがインストールされ、アクティブであることの確認です。

注意: ダッシュボードからのプラグインインストールがサイトによってブロックされている場合は、代わりにWordPress.orgからWPVibeをダウンロードするためのリンクが表示されます。そこではVibe AIとしてリストされています。任意のプラグインをインストールするのと同じ方法でインストールして有効化してください。

3. AIアシスタントの接続

次に、WPVibeに移動をクリックして、WordPressダッシュボードでWPVibeページを開きます。

Claude、ChatGPT、Cursor との WPForms AI 統合を宣伝するプロモパネル。青色の「Go To WPVibe」ボタンと MCP 書き込みアクセス用のトグルが特徴です。

これにより、WPVibeの開始ページが開かれ、サーバーURLと各AIアシスタントを接続するための簡単な手順が表示されます。

チェックリストに表示されているサーバーURL(https://mcp.wpvibe.ai/mcp)をコピーし、選択したAIツールに追加します。正確な手順は使用するアシスタントによって異なるため、各アシスタントの公式セットアップガイドをまとめました。

  • Claude:Web版Claudeで、カスタマイズ » コネクタに移動し、プラス(+)アイコンをクリックして、カスタムコネクタの追加を選択します。WPVibeのようなコネクタ名を入力し、サーバーURLを貼り付けて、追加をクリックします。次に、新しいコネクタの横にある接続をクリックします。このように追加されたコネクタは、Claude Desktopでも利用できます。詳細については、Anthropicのカスタムコネクタガイドを参照してください。
  • ChatGPT:完全なMCPサポートを備えたコネクタは、ChatGPT Business、Enterprise、およびEduプランで利用できます。これらのプランでは、ワークスペース管理者が開発者モードを有効にしてコネクタを追加します。現在の手順とプランの利用可能性については、OpenAIの開発者モードとMCPガイドを参照してください。
  • Cursor:Cursorの設定を開き、MCPセクションに移動して、上記のURLを使用して新しいサーバーを追加します。詳細については、CursorのMCPドキュメントを参照してください。

コネクタを追加すると、WPVibeからメールアドレスでのサインインを求められます。WPVibeからのメールを受信トレイで確認し、その中のサインインボタンをクリックしてください。リンクは15分で期限切れになるため、すぐに実行することをお勧めします。パスワードを作成する必要はなく、AIアシスタントにサイトの認証情報を共有する必要もありません。

WPVibe サインインメール。サインインを完了するための青色の「Sign In」ボタンが表示されます(リンクは 15 分で期限切れになります)。

サインイン後、ダッシュボードのWPVibeページに戻り、チェックリストの最終ステップであるアシスタントに管理するサイトを伝える作業を行います。AIアシスタントとの新しいチャットで、チェックリストに表示されているプロンプトを貼り付けます。次のようになります。

私のサイトを https://example.com に接続してください

アシスタントはWPVibeの接続ツールの使用許可を求め、その後ワンクリック認証リンクで返信します。承認すると、サイトが接続されます。すべてが正常に機能したことを確認するには、アシスタントに私のサイトにはどのようなフォームがありますか?のような簡単な質問をして、見つかったフォームを一覧表示させます。

Claude インターフェイスのスクリーンショット。Sallie's Bakery サイトに接続しており、サイトの詳細(Sallie's Bakery、WordPress 7.0、Sydney Pro テーマ、プラグイン)が表示されています。

4. MCP書き込みアクセスの有効化

この時点で、アシスタントはフォームへの読み取り専用アクセス権を持っています。フォームの確認、エントリのチェック、フォーム統計の取得は無料ですが、現時点では何も変更することは許可されていません。書き込みアクセスは、別途、意図的なステップであり、デフォルトでは無効になっています。

アシスタントにフォームの作成、フィールドや設定の編集を許可するには、WPForms » Tools » AI MCPに戻り、MCP書き込みアクセスを有効にするトグルをオンにします。変更が有効になったことを確認するために、トグルの横に保存済みインジケーターが表示されます。

「お気に入りの AI で WPForms を使用する」と表示されたダークマーケティングカード。青色の「Go To WPVibe」ボタンと「ENABLE MCP WRITE ACCESS」というラベルのトグルが表示されます。

書き込みアクセスはいつでもオフにすることができます。変更はすぐに適用されます。書き込みアクセスがオフの間、アシスタントはフォーム編集ツールをまったく表示しません。AIクライアントによっては、WPFormsツールが見つからないと表示される場合や、変更を試みたときに書き込みアクセスが無効になっているという明確なメッセージが表示される場合があります。トグルを再度オンにすると、編集ツールはすぐに復元されます。

注意:書き込みアクセスが有効になっている場合、接続されたAIアシスタントはライブサイトのフォームに実際の変更を加えます。変更はフォームビルダーにすぐに表示され、レビューすることができます。

5. 最初のプロンプトの試行

サイトが接続され、書き込みアクセスがオンになっているため、上記の機能セクションのすべてがAIチャットで利用可能になりました。最も良い方法は、簡単なリクエストから始めて、WPFormsに結果が表示されるのを見ることです。簡単なものから高度なものへと進む、試してみるべきプロンプトをいくつか紹介します。

  • 私のサイトにはどのようなフォームがありますか?接続が機能していることを確認する、簡単な読み取り専用リクエストです。
  • 候補者が当社のウェブサイトから応募できるように、求人応募フォームを作成してください。アシスタントがフィールド、説明、送信ボタンのテキストを含む完全なフォームを一度に作成します。
  • 求人応募フォームに電話番号フィールドを追加し、必須にしてください。既存のフォームに対するターゲット編集です。
  • お問い合わせフォームの送信ボタンを「メッセージを送信」に変更してください。フィールド編集を含まない設定変更です。
  • 今週、求人応募フォームから何人が応募しましたか? 有料ライセンスで利用可能な、エントリーに関する質問です。
フォーム作成 UI のスクリーンショット。Claude アプリで、名前、メール、電話、履歴書のフィールドがあるサンプル求人応募フォームが表示されています。

アシスタントがWPFormsのいずれかのツールを使用するたびに、まず許可を求められるため、アシスタントが何を行おうとしているのかを常に確認できます。変更を行った後、手動で作成したフォームと同様に、WPForms » すべてのフォームでフォームを開き、フォームビルダーで結果を確認してください。

よくある質問

以下に、AIアシスタントとWPFormsを使用することに関する最も一般的な質問のいくつかに回答します。

AIアシスタントにフォームへの書き込み権限を与えるのは安全ですか?

書き込み権限はデフォルトでオフになっており、サイトの管理者のみがオンにすることができます。有効になっている場合でも、アシスタントは厳選された機能セットに限定されます。フォームの作成やフィールド、基本的な設定の編集はできますが、フォームの削除、通知や確認の変更、支払い設定の変更はできません。すべての変更はWordPress管理画面と同じ権限チェックを経て実行され、いつでも書き込み権限をオフに戻すことができます。

なぜ私のサイトにAI MCPタブが表示されないのですか?

AI MCPタブはWordPress 6.9以降が必要です。このバージョンでWordPress Abilities APIが導入されたためです。また、管理者にのみ表示されます。古いバージョンのWordPressを使用している場合は、サイトを更新すると、WPForms » ツールの下にタブが表示されます。

ローカルまたはステージングサイトで使用できますか?

AIアシスタントは、ご自身のコンピューターからではなく、クラウドからサイトに接続するため、サイトはインターネットから到達可能である必要があります。ローカル開発サイトや、ファイアウォールまたはプライベートネットワーク内にあるサイトのフォームは、アシスタントが利用できません。統合をテストするには、ライブサイトまたは一般にアクセス可能なステージングサイトを使用してください。

どのAIアシスタントがWPFormsと連携しますか?

モデルコンテキストプロトコル(MCP)をサポートするAIツールはすべてWPFormsと連携します。これには、Claude(Web版およびClaude Desktop)、ChatGPT、Cursor、およびその他のクライアントが含まれます。一部のAIプラットフォームでは、カスタムコネクタが特定のプランに制限されていることに注意してください。たとえば、ChatGPTはBusiness、Enterprise、およびEduプランで完全なMCPサポートを提供しており、Claude TeamおよびEnterpriseアカウントでは、組織のオーナーがカスタムコネクタを有効にする必要がある場合があります。

なぜ私のAIアシスタントはWPFormsツールを見ることができないのですか?

最も一般的な理由は、MCP書き込み権限がオフになっていることです。トグルがオフの間は、フォーム編集ツールはAIアシスタントから完全に非表示になるため、アシスタントはサイトでWPFormsツールが見つからないと報告する場合があります。WPForms » ツール » AI MCPに移動し、MCP書き込み権限を有効にするトグルをオンにしてから、アシスタントに再度確認するように依頼してください。

AIアシスタントは私のフォームの通知または確認を変更できますか?

アシスタントはフォームの名前、説明、送信ボタンのテキストを更新できますが、通知、確認、支払い設定、アドオン設定は対象外です。これらについては、フォームビルダーに自分でアクセスするか、ビルダー内で変更をすべて確認できるWPForms AI を使用したスマート編集を使用してください。

開発者です。AI アシスタントなしでこれらの機能を使用できますか?

はい。すべての機能は、WordPress REST API および PHP からも利用できます。エンドポイント、パラメーター、認証、コード例(書き込みアクセスをオーバーライドする開発者フィルターを含む)については、REST API および Abilities API リファレンスを参照してください。

これで完了です!WPForms をお気に入りの AI アシスタントに接続し、書き込みアクセスを有効にして、フォームの作成、フィールドの編集、エントリに関する質問への回答に活用する方法がわかりました。

フォームビルダー内でも AI を使用したいですか?WPForms AI でフォームを編集するガイドを確認して、Smart Edit がビルダーを離れることなく変更をどのように処理するかを確認してください。

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。