Add a Voice Agent to Any Website with One Script Tag

LiveKit
24,836 views May 19, 2026

Building an AI voice agent is one thing. Getting it in front of users is another. In this video we walk through the LiveKit Embed Widget, a drop in pop up that turns any LiveKit voice agent into a production ready experience on your website with a single script tag. No frontend build, no client SDK setup, no custom call UI. Sign up for LiveKit Cloud: https://cloud.livekit.io/signup?utm_source=youtube&utm_medium=video&utm_campaign=devrel&utm_content=YAKx_HopUkM You will learn how to enable the widget from your agent page, set allowed origins, configure your accent color, logo, and theme, enable optional capabilities like video, screen share, and text chat, copy the generated snippet, and paste it into any site that accepts custom HTML. **What we cover** - What the LiveKit Embed Widget is and why it matters - Enabling the widget and adding allowed origins - Styling the widget with your brand colors, logo, and theme - Passing per session context with data-lk-* attributes - Pasting the script tag into a real website - Disabling the widget without losing your configuration 📚 Resources 📚 Agent docs: https://docs.livekit.io/agents/?utm_source=youtube&utm_medium=video&utm_campaign=devrel&utm_content=YAKx_HopUkM 🤝 Join the Community: https://community.livekit.io/?utm_source=youtube&utm_medium=video&utm_campaign=devrel&utm_content=YAKx_HopUkM #livekit #ai #voiceai

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close