Tubussie
01/13/2026, 9:29 AMAI Evy
01/13/2026, 9:30 AMAI Evy
01/13/2026, 9:30 AM<head> tag: [(1) ]()
html
<script
id="retell-widget"
src="<https://dashboard.retellai.com/retell-widget.js%22>
type="module"
data-public-key="YOUR_RETELL_PUBLIC_KEY"
data-agent-id="YOUR_CHAT_AGENT_ID"
data-agent-version="YOUR_AGENT_VERSION"
data-title="YOUR_CUSTOM_TITLE"
data-logo-url="YOUR_LOGO_URL"
data-color="YOUR_CUSTOM_COLOR"
data-bot-name="YOUR_BOT_NAME"
data-popup-message="YOUR_POPUP_MESSAGE"
data-show-ai-popup="true"
data-show-ai-popup-time="5"
data-auto-open="false"
data-dynamic='{"key": "value"}'
data-recaptcha-key="YOUR_GOOGLE_RECAPTCHA_SITE_KEY"
></script>
Required attributes:
- data-public-key - Your Retell public key
- data-agent-id - Your chat agent ID
Setup steps:
1. Create a chat agent using the [Create Chat Agent]() guide
2. Get your [Retell Public Key]()
3. Copy your chat agent ID
4. If you haven't published any new versions, set the version to 0 [(2) ]()
Once added, a chat widget will appear in the corner of your website.AI Evy
01/13/2026, 9:30 AMAI Evy
01/13/2026, 9:30 AMTubussie
01/13/2026, 9:58 AMAI Evy
01/13/2026, 9:58 AMAI Evy
01/13/2026, 9:58 AM<head> tag of your HTML file. [(1) ]()
For example:
html
<head>
<!-- Your other head content -->
<script
id="retell-widget"
src="<https://dashboard.retellai.com/retell-widget.js%22>
type="module"
data-public-key="YOUR_RETELL_PUBLIC_KEY"
data-agent-id="YOUR_CHAT_AGENT_ID"
></script>
</head>
If your website uses a framework or CMS (like WordPress, Webflow, etc.) , look for the section where you can add custom code to the <head> of your pages.AI Evy
01/13/2026, 9:58 AMAI Evy
01/13/2026, 9:58 AM