複数の画像にチャットボット機能を付与してほしい。

WPにおいて PHPで出力しているコンテンツに対して、チャットボットをそれぞれ構築したい 例えば 1ページ ABCDの画像が並んでいるとして AのAIチャットボット BのAIチャットボット CのAIチャットボット DのAIチャットボット と複数入れたい もしくは チャットボットアイコンが選定先の元となる画像に切り替わるような形 以下ができる方を募集します。 各画像（A, B, C, D）に対して、個別のチャットボットを設定します。これには、各チャットボットが異なる振る舞いや応答をするように、エンジン内で個別のトレーニングや設定が必要です。 PHPスクリプトの作成: PHPスクリプトを作成し、各画像に対応するチャットボットのAPIを呼び出せるようにします。例えば、ユーザーが画像Aをクリックしたときに、チャットボットAの対話が開始するようにスクリプトを設定します。 フロントエンドのインタラクション設計: HTMLとJavaScriptを使用して、各画像がクリックされた際に対応するチャットボットがアクティブになるようなインタラクションを設計します。各画像には専用のモーダルウィンドウやチャットエリアを設定し、ユーザーが対話を進められるようにします。 CSSでのスタイリング: 各チャットボットの表示エリアを適切にスタイリングし、サイトのデザインに合わせます。これにはCSSを利用して、チャットエリアやモーダルウィンドウの見た目をカスタマイズします。 テストとデバッグ: 実装した機能が正しく動作するかテストし、問題があればデバッグを行います。特に、複数のチャットボットが互いに干渉しないように注意が必要です。 デプロイメントとフィードバックの収集: 完成した機能をウェブサーバーにデプロイし、実際のユーザーが使用するようにします。ユーザーからのフィードバックを収集し、必要に応じてチャットボットの応答や振る舞いを改善します。