Get started with the Contact Center SDK for web

View as Markdown

The Contact Center SDK for web lets users engage with agents directly through video and chat without leaving your app.

Requirements

To add the video or chat client, you must satisfy these prerequisites.

Content Security Policy header

If you're using Content Security Policy (CSP) on your browsers and want to use any Zoom SDK for web, you must configure your web server to return the Content-Security-Policy header. For example, using the Nginx add_header directive .

add_header 'Content-Security-Policy' "default-src 'self';base-uri 'self';worker-src blob:;style-src 'self' 'unsafe-inline';script-src 'self' 'unsafe-inline' 'unsafe-eval' https://zoom.us *.zoom.us dmogdx0jrul3u.cloudfront.net blob:;connect-src 'self' https://zoom.us https://*.zoom.us wss://*.zoom.us https://zoom.com https://*.zoom.com wss://*.zoom.com https://zoom.com.cn https://*.zoom.com.cn wss://*.zoom.com.cn;img-src 'self' https:;media-src 'self' https:;font-src 'self' https:;"

For more on CSP, see the Mozilla , web.dev , or W3C  documentation.

You'll need to add this if you see something like this error in the browser console.

CompileError: WebAssembly.instantiate(): Refused to compile or instantiate WebAssembly module because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' 'strict-dynamic' 'nonce-LxlpktY6Sou9E-ZC46OlZA' blob: https: 'unsafe-inline'"
at 3afbd0c1-54af-4f01-9d3f-8ffb8dcb31cf:1:22144

Note: If your browser supports it, you can use wasm-unsafe-eval instead of unsafe-eval. However, not all browsers support this. See the mdn web docs for CSP: script-src: Unsafe WebAssembly execution  for details.

Support for PWA

Make sure that your web app supports PWA without impacting existing desktop support. Learn more about creating apps for the Contact Center for web.