๐ŸŒ

Platform

Web Widget Embed

One line of JavaScript. Customers call you from any site.

A 12 KB script tag that handles WebRTC negotiation, queueing, and UI. Works on React, Vue, plain HTML, WordPress, Shopify โ€” anything with a DOM.

12 KB

Gzipped widget size

<2 sec

Time-to-call after click

Every browser

Chrome ยท Safari ยท Firefox ยท Edge

0 plugins

No app install required

01

Drop-in install in 60 seconds

Paste a single script tag with your tenant ID and queue ID. The widget renders a customisable floating button. The customer clicks it; the widget opens an in-page modal, captures any pre-call form fields you've configured, and connects them to the next available agent over WebRTC.

02

Customisable to your brand

Logo, colors, button copy, position, pre-call fields, queue-position UI, hold music โ€” all configurable via data-attributes or the JS API. The widget honours your CSS variables so it inherits your site's typography automatically.

  • 12 KB gzipped โ€” loads after main thread idle, never blocks
  • Custom colors via CSS variables
  • Logo, button copy, position (bottom-left / right / inline)
  • Pre-call form: name, email, ticket ID, custom fields
  • Live queue position + ETA shown to customer
  • Works on iOS Safari, Android Chrome, desktop Firefox, Edge
  • Optional callback request when no agents available
03

Mobile parity

Same protocol, native performance via the React Native SDK. Use it for iOS / Android customer-facing apps. The same queues, same agents, same supervisor monitoring, same recordings โ€” whether the customer came in from your website or your app.

04

Analytics built in

Widget impressions, click-through rate, pre-call form completion, time-in-queue, abandonment, and post-call CSAT โ€” all captured automatically. Push to your existing analytics via JavaScript events or the REST API.

EX

Embed in any HTML page

html
<!-- Add once, anywhere in <body> -->
<script
  src="https://cdn.globemeet.in/widget/v1/widget.js"
  data-tenant="acme-corp"
  data-queue="support"
  data-color="#1D4ED8"
  data-position="bottom-right"
  data-button-text="Talk to us"
  async
></script>

<!-- Optional: programmatic API -->
<script>
  window.addEventListener('globemeet:ready', () => {
    GlobeMeet.on('connected', (sessionId) => {
      analytics.track('call_connected', { sessionId });
    });
    GlobeMeet.on('hangup', () => GlobeMeet.askCSAT());
  });
</script>
SPEC

Technical specifications

Bundle size
12 KB gzipped, 38 KB unzipped
Browsers
Chrome 90+, Safari 14+, Firefox 88+, Edge 90+
Mobile
iOS 14+, Android 8+ (API 26)
WebRTC
mediasoup-client 3.x
Permissions
Microphone always; camera/screen on user opt-in
TURN fallback
Coturn included in stack
FAQ

Frequently asked questions

No. The script loads asynchronously after main thread idle. Lighthouse Performance impact is typically less than 1 point.

Yes. Self-hosted bundle is included with the on-prem deployment. Many customers serve it from their own cdn.example.com for stricter CSPs.

Yes โ€” the included Coturn TURN server relays media when direct WebRTC is blocked. Standard for any enterprise rollout.

Yes. The script accepts a data-variant attribute and reports it back in analytics so you can split-test button copy, color, or pre-call form variants.