Voice Widget

The ScendCore voice widget lets website visitors speak directly to your AI agent through their browser — no phone number required. It appears as a click-to-call button on your site.

Prerequisites

• An active AI agent configured for voice in ScendCore
• A Twilio account (used for browser-based voice connections)
• Access to your website’s HTML to add a script tag

Creating a Voice Widget

1. Go to Voice Widgets in the ScendCore sidebar.
2. Enter a widget name in the input field (e.g., “Homepage”, “Pricing Page”).
3. Click New Widget.

The widget is created and appears in the list below.

Configuring the Widget

Click Configure on any widget to open its settings:

Agent Assignment

Select which AI agent handles voice calls that come through this widget. The agent’s greeting, knowledge base, and conversation skills will be used.

Active/Inactive

Toggle the widget on or off. Inactive widgets will not render on your website even if the embed code is present.

Embedding the Widget

Each widget has a unique embed snippet:

1. On the Voice Widgets list page, find your widget.
2. Click Copy next to the embed code.
3. Paste the snippet into your website’s HTML before the closing </body> tag:

<script src="https://app.scendcore.com/voice-widget.js" data-key="YOUR_WIDGET_KEY"></script>

The widget appears as a phone icon button on your site.

How Voice Calls Work

1. A visitor clicks the voice button on your website.
2. The browser requests microphone permission.
3. A WebRTC connection is established through Twilio.
4. The AI agent greets the caller and handles the conversation.
5. Twilio manages all audio processing (speech-to-text, text-to-speech, barge-in).
6. After the call, a transcript and any collected data appear in ScendCore.

The AI agent can:

• Qualify leads using your BANT framework
• Look up or create contacts in your CRM
• Book meetings on your calendar
• Transfer to a human agent if needed

Managing Widgets

On the Voice Widgets page, you can:

• Configure — Edit agent assignment and settings
• Copy embed code — Get the snippet for your website
• Delete — Remove a widget permanently

Multiple Widgets

You can create different voice widgets for different pages. For example:

• A sales agent on your pricing page
• A support agent on your help center
• A general receptionist on your homepage

Each widget can have a different AI agent assigned.

Troubleshooting

Widget not appearing on website

• Check that the embed snippet is present in your page HTML.
• Verify the widget is set to Active in ScendCore.
• Check your browser console for script loading errors.

Microphone not working

• Ensure your site is served over HTTPS (required for microphone access).
• Check that the visitor has granted microphone permission in their browser.

Call quality issues

• Voice quality depends on the visitor’s internet connection.
• WebRTC works best on modern browsers (Chrome, Firefox, Safari, Edge).

No agent responding

• Verify an AI agent is assigned to the widget in the Configure panel.
• Check that the agent is active and not paused.