Add live support chat
to any website
Embed the Talki widget on your site with a single code snippet. No frameworks, no SDKs — just copy and paste.
Create your Talki account
Sign in at talki.tech/login with Google. You'll be walked through creating your Support Organization in under a minute.
After onboarding you'll land on your personal Console — this is where all customer conversations will appear.
Find your Organization ID
In your Console, go to Admin → API Keys. Your Organization ID appears at the top — a unique identifier like:
Copy it — you'll need it in the next step.
Paste the snippet on your website
Add this code to your HTML page, right before the closing </body> tag. Replace YOUR_ORG_ID with the ID from Step 2, and YOUR_PUBLIC_API_KEY with a key from Admin → API Keys.
<!-- Talki Chat Widget -->
<style>
#talki-widget {
position: fixed;
bottom: 24px;
right: 24px;
width: 380px;
height: 600px;
border: none;
z-index: 999999;
border-radius: 24px;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
@media (max-width: 640px) {
#talki-widget {
width: 100%;
height: 100%;
bottom: 0;
right: 0;
border-radius: 0;
}
}
</style>
<iframe
id="talki-widget"
src="https://talki.tech/widget?orgId=YOUR_ORG_ID&api_key=YOUR_PUBLIC_API_KEY"
allow="microphone; camera"
loading="lazy"
></iframe>
<!-- End Talki -->If you use talki.js, set TalkiConfig.orgId and TalkiConfig.apiKey instead — the script passes them into the iframe for you.
Customize the widget appearance
No code needed. Go to Admin → Widget Setup in your Console and configure:
Changes apply instantly — no re-deploy needed.
You're live!
Your customers now see a chat button on your site. When they write — it lands in your Inbox in real-time. Reply, escalate, and resolve right from the Console.
Backend Connect — enrich customer data
When a user opens a chat, Talki can call your backend to fetch their profile (name, email, plan, custom fields) and show it to operators in real-time. One HMAC-signed POST — zero UI changes on your side.
Read the Backend Connect guide →Common questions
Does the widget work on any website?
Yes. It's a standard HTML iframe — works on Webflow, WordPress, Shopify, plain HTML sites, React, and Next.js apps.
Is it mobile-friendly?
Absolutely. The snippet includes responsive CSS that makes the widget full-screen on mobile.
Can I use it on multiple websites?
Yes — each site just needs the same Organization ID. You can also create separate organizations per brand.
Where do I reply to messages?
All incoming chats appear in real-time in your Talki Console under "All Chats". Reply directly from there.