# Add video client to the Contact Center SDK for web > These Contact Center SDK docs are for developers who may not be Contact Center users or admins. To learn to configure campaigns, use flows, and other admin tasks, go to [Zoom's user support docs](https://support.zoom.com/hc/en/search?id=search#q=Contact%20Center&t=All&sort=relevancy). Let users engage with agents directly through video without leaving your web page. ## Embed the video client 1. Sign into the Zoom web portal as a Contact Center Admin with the privilege to add flows. 2. In the navigation panel, select **Contact Center Management**, then **Flows**. 3. To open the editor, select the name of a video flow. 4. Choose the **Start** widget, then **Manage Entry Point**. (You can also choose this option from the **List view option** menu for your flow). 5. Select **Add Entry Point** and choose an entry ID for the SDK to use. See [Adding entry points to a flow](https://support.zoom.us/hc/en-us/articles/4480102075405) for details. Skip this step if you already have an entry point to use. 6. Turn off **Don't Keep Activities**. This prevents the Contact Center from shutting down in Chrome browser when that browser is in the background. 7. Select **Install SDK** to display the Contact Center JS SDK code to copy to your site. ![Install SDK](/img/cc-sdk-install.png) 8. Copy the code and add it to your site. A video script may look like this: ```html ``` Reload your page to see the icon at the bottom corner to start the video or chat client. No additional code is required. See the [Contact Center documentation](https://support.zoom.us/hc/en-us/categories/4423802887949) for instructions on how to set up your agent workflows. ## Advanced video client options Customize your video client with more advanced controls. For example, you can create your own button to start the video client and add actions to perform after the video has ended. This example shows the details. ```javascript create video ``` ## Video client API calls The video client supports the following API calls. ### Create and initialize the video client This creates and initializes the video client for the `entryId`. ```javascript new VideoClient({}); await videoClient.init({ entryId, name: "name" /* optional field, omit if not using, null value not accepted */, }); ``` ### Trigger the video flow ```javascript videoClient.startVideo(); ``` ## Video client events The video client supports these events. | Event | Description | | ------------------------ | --------------------------------- | | `video-start` | Video started. | | `video-end` | Video ended. | | `notification-join-call` | User notified to join video. | | `video-click-end` | User clicked button to end video. | | `video-force-end` | User's video forcefully ended. | | `task-created` | A task was created. | ### Usage example This code shows the syntax. On `video-end`, use this code to add an API call to your ticketing system to log the video call. ```javascript videoClient.on("video-end", () => { // Do something when the video ends (such as make an API call) }); ```