Embed a video call
How to embed a video call on your website
Create an origin-restricted Meeto embed key, add the loader or SDK to your site and verify a real join. Choose an inline room for a dedicated call page or a floating button for support and sales entry points.
Embed the call in four steps
- Create an embed key. Open the widget dashboard, create a key and add the exact production origins that should be allowed to load it.
- Choose the installation surface. Use the HTML loader or Web Component for a plain page. For an application, use the published React, Vue or Angular package listed in the developer docs.
- Add the public configuration. Put the key in the browser-side snippet and set the mode or room name. Keep secret credentials on a server and outside client bundles.
- Join from a second browser. Load the page from an allowed origin, verify the ready state, then join from another browser or device. Confirm the host sees the guest before publishing.
<script src="https://meeto.me/widget.js" data-key="mk_live_…" data-mode="bubble"></script>The snippet uses the public loader URL and a placeholder key. Copy the real key from the dashboard rather than committing it to a public repository.
Choose the entry point before you write the copy
| Mode | Best fit |
|---|---|
| Inline | A dedicated support, consultation or classroom page has room for the call itself. |
| Floating bubble | Visitors should be able to open a call panel from any page without a layout change. |
| Named shared room | A team shares one destination such as support or sales; label it as shared. |
| Booking page | A visitor should choose a date and time before a meeting is created; use the booking flow instead of a shared widget room. |
Meeto retains branding in the widget on all plans. The current installation surfaces include HTML script, Web Component, JavaScript, React, Vue, Angular, iOS and Android; check the plan details before making an entitlement promise.
Run a production-minded test
Origin and browser checks
Test the exact HTTPS hostname you will publish. Check that the key allowlist, content security policy and camera or microphone permission text all match that origin.
Two-party check
Open the widget as a host and join from a separate browser or device. Verify audio, video, mute, leave and the expected shared-room behavior.
Fallback path
Keep a support address or browser joining guide nearby for guests whose network blocks real-time media or whose device has no camera.
For SDK event names such as ready, joined, participants and error, use the runnable examples in developer documentation.
Frequently asked questions
What do I need before embedding a Meeto call?
You need access to the Meeto widget dashboard, a website origin you control and a decision about whether the call should be inline, floating or a named shared room. Add the production origin to the key allowlist before testing the published page.
Is the embed key safe to put in browser code?
The public embed key is designed for browser markup and is restricted to the origins you allow. Do not put server API credentials, host secrets or other private tokens in HTML, JavaScript bundles or a public repository.
Can I embed a private appointment for each visitor?
A named widget room is shared: visitors using that configuration reach the same destination. For personal appointment rooms, send visitors to a Meeto booking page so each confirmed slot gets its own meeting details.
Which frameworks are supported?
Meeto documents a framework-neutral HTML loader and Web Component plus packages for React, Vue and Angular. The developer documentation lists the current package names, parameters, events and methods.
Put it to work
Open your Meeto account to set it up, or explore the working product first.