How to Add a Video Call Widget to Your Website (No Code Required)
Your customer has a question. They click a button on your website. Your face appears. Problem solved in 2 minutes.
No Zoom link. No calendar booking. No "please download our app." Just instant, face-to-face connection.
This is what a video call widget does — and setting one up takes less time than reading this article.
What Is a Video Call Widget?
A video call widget is a small UI element embedded in your website that lets visitors start a video call with your team — directly in the browser, without leaving your site.
It uses WebRTC (Web Real-Time Communication), the same technology behind Google Meet and Discord. No plugins, no downloads, no account creation required.
Why Not Just Use Zoom?
Zoom works for scheduled meetings. It fails for spontaneous customer interactions:
- Friction: Customer needs to leave your site, open Zoom, enter a meeting ID
- Scheduling overhead: You need to generate a link, send it, wait for them to join
- Lost context: The chat conversation doesn't carry over to the call
- Brand disconnect: Customer is now in Zoom's interface, not yours
A widget eliminates all of this. The customer is on your site, they click "Call," and they're connected. The chat history is right there.
💡 Want to see this in action?
Try Supportson free — AI chat, video calls, and knowledge base. Set up in 3 minutes.
Get Started Free →Step-by-Step: Adding a Video Widget
Step 1: Choose Your Approach
You have three options:
- All-in-one chat widget with video (recommended) — platforms like Supportson include video calls alongside AI chat, text support, and screen sharing. One embed, all capabilities.
- Standalone video widget — tools like Daily.co or Whereby offer embeddable video rooms.
- Custom build — use PeerJS or simple-peer to build WebRTC from scratch. 2-4 weeks of work.
Step 2: Embed the Widget
For most solutions, it's a single script tag:
<script src="https://your-provider.com/widget.js" data-agent-id="YOUR_ID"></script>
Add this before the closing </body> tag on any page where you want the widget to appear.
Step 3: Configure Your Availability
Set your hours. When you're offline, the widget falls back to:
- AI chat (answers questions automatically)
- Message form (customer leaves a message for later)
- Scheduling link (customer books a time)
Step 4: Test It
Open your site in an incognito window. Click the widget. Start a video call. Make sure:
- Camera and microphone prompts appear
- Video quality is acceptable on both WiFi and mobile data
- The call ends cleanly when either party hangs up
- Chat messages persist after the call
Technical Requirements
- HTTPS required — Browsers block camera/microphone access on HTTP sites
- No special ports — WebRTC uses standard HTTPS (port 443)
- Mobile compatible — Works in Chrome and Safari on iOS/Android
- Bandwidth: 1-3 Mbps for HD video (standard broadband)
Use Cases
Sales: Prospect browsing your pricing page? Offer a one-click video call with sales. Convert while intent is high.
Support: Complex issue? Switch from chat to video. See the problem, fix it live.
Onboarding: New customer confused by setup? Walk them through it face-to-face.
Consultations: Offer paid video sessions directly from your website. Charge per call.
FAQ
Does the customer need to create an account?
No. WebRTC video calls work without any account or login.
What about mobile users?
WebRTC works in mobile browsers. The video call happens right in their phone's browser — no app download.
The best support isn't all-AI or all-human — it's a seamless blend of both, with the right tool for each moment.
Can I record calls?
Yes, but check local consent laws first. Many jurisdictions require two-party consent for recording.
How many concurrent calls can I handle?
Each agent handles one video call at a time. For teams, multiple agents can be online simultaneously.
What if the customer's camera doesn't work?
Good widgets fall back to audio-only automatically. The call continues without video.
Choosing the Right Widget
For most businesses, an all-in-one support widget that includes video is the best choice. You get chat, AI, video, and screen sharing in one embed — no need to manage multiple tools.
The key differentiator to look for: does video work inside the widget, or does it redirect to another app? In-widget video keeps the customer on your site and preserves conversation context.
Stay updated
Get the latest on AI support, product updates, and industry insights.
Ready to improve your customer support?
Try Supportson's AI + human support platform for free. Set up in 3 minutes, no credit card required.
Get Started Free →