Skip to main content

What are widgets?

Widgets let you embed a Sonara voice agent directly on your website. Visitors can interact with your agent without leaving your site - no phone number required.

Widget types

Adding a widget to your website

1

Open your agent

Navigate to the agent you want to embed.
2

Click Export / Widget

Open the widget export dialog from your agent’s settings.
3

Choose widget type

Select the type of widget you want (iframe, chat widget, or demo link).
4

Configure options

Customize the widget appearance and behavior:
  • Widget size/variant (tiny, compact, full)
  • Branding and colors
  • Terms and conditions link (optional)
5

Copy the embed code

Copy the generated embed code and paste it into your website’s HTML.

Example embed code

Make sure to include allow="microphone" in the iframe attributes - the agent needs microphone access for voice conversations.

Widget variants

  • Tiny - Minimal footprint, just a microphone button
  • Compact - Small widget with basic controls
  • Full - Full-featured interface with transcript and controls
Demo links are the fastest way to share your agent. Anyone with the link can start a conversation - no website integration needed. Great for:
  • Sharing with stakeholders for review
  • Quick testing on mobile devices
  • Customer demos and presentations
Widgets and demo links are available on the Basic plan and above.