メインコンテンツへスキップ

WordPressへの手動埋め込み

FormAgent.aiのエージェントをWordPressサイトに手動で埋め込む方法をご案内します。

前提条件​

  • WordPressサイトが稼働していること
  • FormAgent.aiのアカウントとAgent IDを取得済みであること

埋め込み手順​

推奨方法：WPCodeプラグインを使った埋め込み​

  1. WordPress管理画面で「プラグイン」→「新規追加」を開きます。
  2. 「WPCode」と検索し、「WPCode – Insert Headers and Footers + Custom Code Snippets」というプラグインをインストールして有効化します。
  3. 有効化後、左側メニューの「Code Snippets（コードスニペット）」から「Add New（新規追加）」をクリックします。
  4. 「Custom Snippet（カスタムスニペット）」を選択し、タイプは「HTML Snippet」を選びます。
  5. 以下のコードをエディターに貼り付け、YOUR_AGENT_ID をご自身のAgent IDに置き換えてください：
<script defer id="formagent-script" src="https://formagent.ai/embed.js" data-agent-id="YOUR_AGENT_ID"></script>
  1. 挿入位置はデフォルトの「Auto Insert（自動挿入）」のままで問題ありません。
  2. スニペットを保存して有効化します。

これで、FormAgent.aiのチャットウィジェットがサイトの全ページ下部に自動で埋め込まれます。

プラグインアップロードによる簡単埋め込み方法​

  1. formagent-wp.zip をダウンロードします。
  2. WordPress管理画面で「プラグイン」→「新規追加」→「プラグインのアップロード」を開きます。
  3. 先ほどダウンロードした formagent-wp.zip ファイルを選択し、「今すぐインストール」をクリックします。
  4. インストール完了後、「プラグインを有効化」をクリックします。
  5. 有効化後、管理画面左メニューの「設定」に「FormAgent.ai」が追加されます。
  6. 「FormAgent.ai」をクリックして設定画面を開きます。
  7. 設定画面で YOUR_AGENT_ID を入力し、保存してください。

以上で、FormAgent.aiのチャットウィジェットが自動的にサイトのページ下部に表示されます。

トラブルシューティング​

  • チャットウィジェットが表示されない場合は、Agent IDやスクリプトの貼り付け位置を再確認してください。
  • キャッシュをクリアしてから再度ページを確認してください。

サポート​

ご不明な点があれば、サポートまでご連絡ください。

関連リンク​