Webex Widgets Demo

The Webex widgets allow developers to easily incorporate Webex Widgets into an application.

Our widgets are built using React, Redux, and the Webex Javascript SDK .

Webex Access Token

Webex Widgets require an access token to identify the current user.

Access Token Type

Generate SDK Instance

You can get an access token from developer.webex.com

Space Widget

The Webex Space widget allows developers to easily incorporate Webex Space messaging and meeting into an application.

Widget Destination Type

Widget Initial Activity

Widget Activities

Widget Composer Actions

Other Configurations

Disable Presence

Disable Flags

Widget Destination

Space Widget Example Code

<div id="my-webex-widget" />
<script>
  var widgetEl = document.getElementById('my-webex-widget');
  // Init a new widget
  webex.widget(widgetEl).spaceWidget({
    accessToken: 'XXXXXXXXXXXXXX',
    destinationId: 'YOUR_DESTINATION_SPACEID',
    destinationType: 'spaceId',
    spaceActivities: {"files":true,"meet":true,"message":true,"people":true},
    initialActivity: 'message',
    secondaryActivitiesFullWidth: false,
    composerActions: {"attachFiles":true},
    disablePresence: false,
    disableFlags: false
  });
</script>

Recents Widget

The Webex Recents widget allows developers to easily incorporate Webex Recents list and events into an application.

Space Load Count

Header Options

Advanced Options

Recents Widget Example Code

<div id="my-webex-widget" />
<script>
  var widgetEl = document.getElementById('my-webex-widget');
  // Init a new widget
  webex.widget(widgetEl).recentsWidget({
    accessToken: 'XXXXXXXXXXXXXX'
    spaceLoadCount: 25
    enableUserProfile: true
    enableUserProfileMenu: false
    enableSpaceListFilter: true
    enableAddButton: false
  });
</script>