Zoomtopia is here. Unlock the transformative power of generative AI, helping you connect, collaborate, and Work Happy with AI Companion.
Register nowEmpowering you to increase productivity, improve team effectiveness, and enhance skills.
Learn moreKeep your Zoom app up to date to access the latest features.
Download Center Download the Zoom appDownload hi-res images and animations to elevate your next Zoom meeting.
Browse Backgrounds Zoom Virtual BackgroundsEmpowering you to increase productivity, improve team effectiveness, and enhance skills.
Zoom AI CompanionUser groups are unique spaces where community members can collaborate, network, and exchange knowledge on similar interests and expertise.
Help & Resources is your place to discover helpful Zoom support resources, browse Zoom Community how-to documentation, and stay updated on community announcements.
The Events page is your destination for upcoming webinars, platform training sessions, targeted user events, and more. Stay updated on opportunities to enhance your skills and connect with fellow Zoom users.
The Zoom Community has won Best Customer Support Community in the 2025 CMX Community Industry Awards!
Celebrate with us2023-01-20 01:56 AM
I've been trying to get the button trigger on our website to start a video call with an agent, using the provided sample with no luck. The coded is added to our footer widget and the button is showing floating in the bottom right corner. The "your_id" and "your_api_key" is using our entryID SDK on our website.
Is there something wrong with the implementation?
<!DOCTYPE html>
<!-- other page elements -->
<div id="create">create video</div>
<script data-entry-id="your_id" data-apikey="your_api_key" src="https://us01ccistatic.zoom.us/us01cci/web-sdk/video-client.js"></script>
<!-- The script source is the video client JS SDK for Contact Center.
Get this from the code copied from the flow. -->
<script>
(() => {
const dom = document.getElementById('create')
dom.addEventListener('click', async () => {
const entryId = "your_id" /* Get from the code copied from
your flow */
const videoClient = new VideoClient({
});
await videoClient.init({
entryId,
name: 'name' /* optional field, omit if not using, null value
not accepted */
});
videoClient.startVideo()
videoClient.on('video-end', () => {
console.log('video ended') /* Add any actions to perform when the
video ends, for example, print to
console log */
videoClient.on('video-start', () => {
// Do something when the video ends (such as make an API call)
})
})
})
})()
</script>
<!-- other page elements -->
</html>