MediaSFU Widgets

Embed voice calls, AI agents, and meeting portals into any website

Start with a ready widget, then keep full API and SDK control as your product grows.

Open Widget StudioExplore widget typesTry live demos

Embed Voice & AI Into Your Website

MediaSFU widgets are embeddable, zero-dependency components that work on WordPress, Wix, Shopify, Squarespace, Webflow, and any HTML page. Get your first widget running in 5 minutes. No backend required.

📞 Click-to-Call
🤖 AI Agent
📅 Meeting Portal
📊 Calls Dashboard
🌐 Web Agent
📈 Agent Dashboard
CMS & Website Builders
For non-technical users. Copy-paste embed code or use plugin/app.
WordPress
Shortcode plugin

Drop a shortcode into any post or page. No coding required. Works with all WordPress themes.

  • 7 shortcode variants
  • Theme-agnostic
  • Admin settings panel
View Guide
CMS
Shopify
Theme App Extension

App Block for theme customization. Full widget configuration in the Shopify Editor. No code editing needed.

  • Point-and-click setup
  • Live preview
  • 30+ config options
View Guide
E-Commerce
Wix
HTML Embed Element

Paste embed code into Wix's HTML element. Works on any Wix template today—no awaiting app approval.

  • Immediate activation
  • All Wix templates
  • Mobile responsive
View Guide
No-Code
Squarespace
Code Block / Injection

Add to individual pages via Code Block, or site-wide via Code Injection (Business plan+).

  • Per-page or site-wide
  • Business plan+ required
  • No plugin needed
View Guide
No-Code
Webflow
Embed Element / Custom Code

Drag Embed element onto canvas, or use Project Settings custom code for site-wide injection.

  • Drag-and-drop
  • Designer preview
  • No code editing
View Guide
Designer
Generic HTML / CDN
Any static site

One script tag. Works on plain HTML, Jekyll, Hugo, Eleventy, Netlify, Vercel, and any custom platform.

  • Single script tag
  • No build required
  • GTM-compatible
View Guide
Static
JavaScript Frameworks
We currently recommend the same script-embed flow for framework apps as well. Use the Generic guide below.
React
Script Embed

Use the CDN script and web components directly in your app pages/components.

  • No framework package required
  • Works in CRA/Vite apps
  • Use existing domain-locked widget keys
Embed Guide
script
Vue 3
Script Embed

Load widget script once and place custom elements inside Vue templates.

  • Composition/Options API compatible
  • No plugin dependency required
  • Fast integration path
Embed Guide
script
Angular
Script Embed

Use custom elements in templates with `CUSTOM_ELEMENTS_SCHEMA` support.

  • Angular 15+ friendly
  • No package publish dependency
  • Reuse same widget key setup
Embed Guide
script
Next.js
Script Embed

Place widgets in client-side components/pages using the generic embed approach.

  • App Router compatible
  • No npm package assumption
  • Works with existing docs flow
Embed Guide
script
Nuxt 3
Script Embed

Add embed script in client-only context and use custom elements in pages.

  • Client-only safe pattern
  • No package publish dependency
  • Simple deployment model
Embed Guide
script
Getting Started
Get Your Widget Key

Sign up for MediaSFU to get a free widget key. Configure which websites can use it.

Create Account
Pick Your Platform

Choose a guide above. It will show you exact code and step-by-step instructions for your platform.

Embed & Test

Paste code into your website. The widget appears in ~5 seconds. Make a test call to verify.

What You Get
Click-to-Call Button

Floating or inline button. Visitor clicks → they're on a call with your team instantly. No app downloads needed.

AI Agent

Voice, chat, or both. Your AI answers first, transfers to agent if needed. 24/7 availability.

Meeting Portal

Embedded room for scheduled calls. Participants join without leaving your website.

Calls Dashboard

Widget-embedded call history and monitoring. Track who called, duration, and outcomes.

Web Agent

Standalone AI agent interface. Fine-grained control over appearance and behavior.

Agent Dashboard

Full operator dashboard embedded in your site. Manage calls, queue, and agent settings live.

Frequently Asked Questions

Is my data secure?
Widget media uses WebRTC transport security, and production widget keys can be restricted to approved domains. Keep private service credentials on trusted server-side or dashboard surfaces.
What's the cost?
Widgets are free to embed. You pay only for the services behind them (SIP calls, AI agent processing, meeting hosting). Start free with limited usage; upgrade to pro plans as you scale.
How fast does it load?
The widget script loads asynchronously so the page can render independently. Test the final embed on representative devices and networks, and load interactive surfaces only where visitors need them.
Does it work on mobile?
Fully responsive. Optimized for iOS and Android. Works on Chrome, Firefox, Safari, and Edge (all modern versions).
What if I get stuck?
Each guide includes a testing and troubleshooting section. Most issues are resolved in 5 minutes. For direct support, email support@mediasfu.com or check our docs at mediasfu.com/docs.
Can I use custom domains?
Yes. Add your domain to the widget key's allowlist on your dashboard. Works with www and non-www variants. Whitelist as many domains as needed.

Ready to add voice & AI to your site?

Get Started Free Read Docs