Beacon AI
Toggle theme

Embed

GAv1.6.3

Add Beacon to your website in minutes. Customers can chat (and optionally talk) without downloading anything.

updated last week
Live previewinteractive
Widget embed · beacon-widget
Shadow DOM · isolated
index.html
1<script async
2  src="https://cdn.beacon-ai.com/widget/beacon-widget.js"
3  data-site-object-id="32"
4  data-vars="…encrypted…"
5  data-language="en"
6  data-country="JO"
7  data-persona-id="35338c15-59c1-…"
8></script>
9<link rel="stylesheet"
10  href="https://cdn.beacon-ai.com/widget/beacon-widget.css" />
Text modality
  • · streaming POST to /text/query
  • · markdown + images
  • · conversation_id persisted
Voice modality
  • · /web/start_call → Daily room + token
  • · Pipecat client · DailyTransport
  • · VAD · interruptions · RTVI events
Theming surface
--primary-gradient-1--primary-gradient-2--text-primary--surface--radius
Copy/paste snippet and you’re live.
§01 · Mechanics

How it works

  1. 01Add the snippet

    Paste the widget code into your site.

  2. 02Choose the role

    Pick which agent answers on the site.

  3. 03Customize

    Set colors, position, and greeting.

§02 · In the wild

Where teams actually use it

Landing pagescase 01
Convert more visitors

Answer questions immediately while they browse.

Supportcase 02
Reduce tickets

Deflect repetitive questions with instant answers.

Internationalcase 03
Serve more languages

Let visitors choose a language without changing your site.