Skip to main content

Manual Embedding in WordPress

This guide explains how to manually embed a FormAgent.ai agent into your WordPress site.

Prerequisites​

  • You have a running WordPress site
  • You have a FormAgent.ai account and have obtained your Agent ID

Embedding Steps​

  1. In your WordPress admin dashboard, go to "Plugins" → "Add New".
  2. Search for "WPCode" and install the plugin named "WPCode – Insert Headers and Footers + Custom Code Snippets". Click "Install" and then "Activate".
  3. After activation, find "Code Snippets" in the left sidebar and click "Add New".
  4. Choose "Custom Snippet" and select "HTML Snippet" as the type.
  5. Paste the following code into the code editor, replacing YOUR_AGENT_ID with your actual Agent ID:
<script defer id="formagent-script" src="https://formagent.ai/embed.js" data-agent-id="YOUR_AGENT_ID"></script>
  1. You can keep the default "Auto Insert" option for insertion location.
  2. Save and enable the snippet.

The FormAgent.ai chat widget will now be embedded automatically at the bottom of every page on your site.

Embedding via FormAgent Plugin (Easy Method)​

  1. Download formagent-wp.zip.
  2. In your WordPress admin dashboard, go to "Plugins" -> "Add New" -> "Upload Plugin".
  3. Choose the formagent-wp.zip file you just downloaded, upload it, and click "Install Now".
  4. After installation is complete, click "Activate Plugin".
  5. Once activated, go to "Settings" in the left sidebar of your WordPress admin dashboard, and you will see a new "FormAgent.ai" option.
  6. Click on "FormAgent.ai" to go to the settings page.
  7. On the settings page, enter your YOUR_AGENT_ID and save.

After completing these steps, the FormAgent.ai chat widget will be automatically integrated into the bottom of your website pages.

Troubleshooting​

  • If the chat widget does not appear, double-check your Agent ID and the script placement.
  • Clear your cache and reload the page.

Support​

If you have any questions, please contact Support.