MediaSFU Widgets

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

One widget. Any platform. Five minutes to integrate.

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
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
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
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
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
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
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
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
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
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
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
script
πŸš€ Getting Started
1️⃣
Get Your Widget Key

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

Create Account
2️⃣
Pick Your Platform

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

3️⃣
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?
Yes. All communication is encrypted end-to-end using WebRTC. MediaSFU servers never see call audio or video. Each widget key is domain-restricted β€” only your whitelisted domains can use it. We comply with GDPR, HIPAA, and SOC 2 standards.
πŸ’° 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 (~80KB gzip) loads asynchronously and does not block page rendering. Usually visible within 1–2 seconds on 4G. No impact to Lighthouse/Core Web Vitals.
πŸ“± 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?