Embed CallSphere on Your Website

Add an AI voice agent button to any website with one line of code. Free to embed. No account required.

The widget drops a floating button on your site. When a visitor clicks it, they open a live, voice-enabled demo of a CallSphere AI agent — the same in-browser experience as our live demo. It runs read-only in demo mode: no visitor data is stored, and it does not connect to your phone lines or CRM until you deploy a configured agent.

Quick Start

Copy this snippet and paste it before the closing </body> tag of your website:

<script src="https://callsphere.ai/api/embed/widget.js" async></script>

Customize

Set options before loading the script to customize appearance:

<script>
  window.CallSphereConfig = {
    position: 'bottom-right', // or 'bottom-left'
    color: '#4f46e5',         // any hex color
    label: 'Talk to AI Agent' // button text
  };
</script>
<script src="https://callsphere.ai/api/embed/widget.js" async></script>

position

bottom-right, bottom-left, top-right, or top-left

color

Any hex color code (e.g. #4f46e5)

label

Button text (default: Talk to AI Agent)

What it looks like

Your website content

Talk to AI Agent

A floating button anchored to the corner you choose. Clicking it opens the live voice demo in an overlay.

Why Embed CallSphere?

Give your visitors instant access to an AI voice agent demo

Lightweight — under 2KB, no dependencies, loads async

Fully customizable — colors, position, and button text

Works on any website — HTML, WordPress, Shopify, Wix, etc.

Free to embed — no account or API key required

Tracks impressions and clicks for your analytics

Embed FAQ

Which browsers does the widget support?

All modern browsers — Chrome, Edge, Firefox, and Safari on desktop and mobile. The voice demo needs microphone permission, which the visitor grants on first use.

Does it collect visitor data?

The widget records only anonymous impression and click counts for your analytics. Demo conversations are not stored, and the script sets no third-party tracking cookies.

Can I match it to my brand?

Yes. Set the button color, position, and label via the config snippet above. For a full white-label widget with your own branding, contact us about a custom integration.

Subscribe to our newsletter

Get notified when we publish new articles on AI voice agents, automation, and industry insights. No spam, unsubscribe anytime.

Subscribe for setup tips, new widget features, and changelog updates — optional; the widget works without it. Ready to deploy a configured agent on your phone lines? See pricing.

Want a Custom Integration?

Need a white-label widget with your branding, or a direct API integration? Contact us for custom solutions.