Halden.ai

The intelligent chat widget that adapts to your users. Easy to embed in WordPress or any HTML website.

Key Features

Embeddable Widget: Easily add to your WordPress site or any HTML page with a simple code snippet.

Multiple AI Agents: Create and manage distinct AI agents, each with its own configurations and knowledge base per company.

User Role Selection: Tailors the AI experience based on user type (Resident, Agent, etc.) for each agent.

Dynamic AI Agents: Switches to a role-specific AI with a dedicated knowledge base.

Admin Knowledge Base Control: Manage Q&A for each AI agent and ensure on-rails responses.

Concise & Friendly AI: Get helpful, context-aware answers strictly from the knowledge base.

Embed in WordPress
Copy and paste the following snippet into your WordPress site (e.g., in an HTML block or theme footer scripts). Remember to replace YOUR_APP_URL and YOUR_AGENT_ID_HERE.
<div id="halden-widget-container" data-agent-id="YOUR_AGENT_ID_HERE"></div>
<script src="YOUR_APP_URL/widget-loader.js"></script>
<script>
  // Make sure to replace 'YOUR_APP_URL' in the script tag above 
  // with the actual URL where this Next.js application is hosted.
  // Replace 'YOUR_AGENT_ID_HERE' with the specific ID of the AI agent you want to embed.
  // You can find Agent IDs and generate snippets in the Admin Panel.
  // For a demo agent, you might use an ID like "fallback_demo_agent_000".
  // Also, ensure WIDGET_APP_URL inside public/widget-loader.js is correctly set.
</script>

The widget-loader.js script will handle loading the chat widget.

Embed in any HTML Website
Copy and paste the following snippet just before the closing </body> tag of your HTML page. Remember to replace YOUR_APP_URL and YOUR_AGENT_ID_HERE.
<div id="halden-widget-container" data-agent-id="YOUR_AGENT_ID_HERE"></div>
<script src="YOUR_APP_URL/widget-loader.js"></script>
<script>
  // Make sure to replace 'YOUR_APP_URL' in the script tag above 
  // with the actual URL where this Next.js application is hosted.
  // Replace 'YOUR_AGENT_ID_HERE' with the specific ID of the AI agent you want to embed.
  // You can find Agent IDs and generate snippets in the Admin Panel.
  // For a demo agent, you might use an ID like "fallback_demo_agent_000".
  // Also, ensure WIDGET_APP_URL inside public/widget-loader.js is correctly set.
</script>

The widget-loader.js script will create an iframe to host the chat widget. It reads the data-agent-id from the div to load the correct AI agent.

Try the Widget!
Experience Halden.ai right here on this page (using a fallback demo agent). Click the chat icon in the bottom right.

This demo showcases the user-facing chat widget. The full administrative capabilities, including multi-agent management, knowledge base control, and AI tool access, are available in the Admin Panel.