https://retellai.com/?utm_source=discord&utm_medium=seo logo
How do i integrate retell chat ot into my website
# ❓・ai-evy-support
t
@AI Evy How do i integrate retell chat ot into my website
a
Thanks for tagging me @Tubussie. I'll look through relevant sources and get back to you shortly.
### Answer To integrate the Retell Chat widget into your website, add the following script tag to your HTML within the
<head>
tag: [(1) ]()
Copy code
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.
​ To learn more, see the sources I considered: [[1] Retell Website Widget](https://docs.retellai.com/deploy/chat-widget) [[2] Introducing Retell Chat - Web chat widget](

https://www.youtube.com/watch?v=SByCDIJkRhE▾

) ​
Feel free to tag @AI Evy with additional questions. I also appreciate feedback, it helps me improve.
t
@AI Evy where do i paste this code
a
Thanks for the follow-up, @Tubussie. I'll get back to you soon.
### Answer --- Paste the script tag inside the
<head>
tag of your HTML file. [(1) ]() For example:
Copy code
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.
​ To learn more, see the sources I considered: [[1] Retell Website Widget](https://docs.retellai.com/deploy/chat-widget) ​
Feel free to tag @AI Evy with additional questions. I also appreciate feedback, it helps me improve.