We are excited to share some web component starter code along with video walkthroughs that will help you get started with the Webex Contact Center Desktop JS SDK and Web Component Widgets.
Empower Agents by embracing desktop programmability through personalized Desktop Widgets - built with web components - and invoked via the Desktop Layout.
Watch this 2 Part series on building your first web component widget and understand more about the Desktop JS SDK!
Part 1 - Agent Desktop Widget 101, Layouts and the STORE
In Part 1, learn how to build a web component widget and understand the Desktop STORE - access Contact Center data passed directly from the Agent Desktop layout into the widget.
- Video 1 of 2 - Desktop Widget 101 & STORE https://app.vidcast.io/share/7ca5247d-462b-4b49-859c-62bee86477a3
- Video 2 of 2 - Desktop Widget 101 & STORE https://app.vidcast.io/share/6e211cd5-e0c6-4c38-a1dc-df647b60a0b3
- Code - GitHub Sample - Desktop Widget 101 https://github.com/CiscoDevNet/webex-contact-center-api-samples/tree/main/widget-sample-101
Part 2 - Desktop SDK Web Component Widget
In Part 2, learn how to build a vanilla (No Frameworks!!) web component widget and use the Desktop JavaScript SDK "@wxcc-desktop/sdk" to power workflow automation via widgets.
Learn various functions, including call controls, extracting call information and registering event listeners.
- Video - Desktop SDK Deep Dive https://app.vidcast.io/share/e98497f6-8740-4323-8805-e988af3662a3
- Code - GitHub Sample - Desktop JS SDK Deep dive https://github.com/CiscoDevNet/webex-contact-center-api-samples/tree/main/desktop-js-sdk-sample
Supplemental Resources
- Desktop JS SDK Official - https://developer.webex-cx.com/documentation/guides/desktop
- Administration Guide for Desktop Layouts - https://www.cisco.com/c/en/us/td/docs/voice_ip_comm/cust_contact/contact_center/webexcc/SetupandAdministrationGuide_2/b_mp-release-2/b_cc-release-2_chapter_011.html#topic_8230815F4023699032326F948C3F1495
- Desktop Widgets Starter Pack - GitHub - https://github.com/CiscoDevNet/webex-contact-center-widget-starter
- Desktop Widgets Live Demo - https://ciscodevnet.github.io/webex-contact-center-widget-starter/
- Web components 101 - Web Components | MDN (mozilla.org)
View WebexCC API Samples here
https://github.com/CiscoDevNet/webex-contact-center-api-samples#samples---index
Happy exploring!
The Webex Contact Center Team
