> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zynfo.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# HTML Snippet Integration: Embed Your AI Agent

> Learn how to easily embed your ZynfoAI agent into any website builder (WordPress, Webflow, HTML) using a simple JavaScript snippet.

# HTML Snippet Integration

The easiest way to add your custom ZynfoAI agent to your website is via the HTML embed snippet. This installation method works for almost all modern website builders and CMS platforms, including WordPress, Webflow, Squarespace, and custom HTML sites.

## Quick Installation Setup

1. Find your unique **Agent ID** in your ZynfoAI dashboard.
2. Copy the following code snippet, replacing `YOUR_AGENT_ID_HERE` with your actual Agent ID.

```html theme={null}
<!-- Simple integration with AI agent ID -->
<script id="__chatbotSdk__" src="https://your-domain.com/widget/embed.js" data-chatbot-id="YOUR_AGENT_ID_HERE" async></script>
```

3. Paste this code into your website's global footer, just before the closing `</body>` tag.

> **Note:** All widget configuration (colors, position, welcome text) is managed securely via the **Agent Management** dashboard. You do not need to update this HTML code snippet on your website when you change your AI agent's appearance.

## Related Topics

* [React Integration: Add AI Agents to SPAs](/embed/react-embed)