My Contacts

No contacts found.
{{ contact.name }}
{{ contact.email }} {{ contact.phone }} {{ contact.account }}
{{contacts[contactToView].name}}
{{demo_table_data.sectionHeaderTitle}}
{{demo_table_data.fields[0]}} {{demo_table_data.fields[1]}} {{demo_table_data.fields[2]}}
{{item[0]}} {{item[1]}} {{item[2]}}
No data available
{{demo_card_data.sectionHeaderTitle}}
{{ item[0] }}

{{demo_card_data.fields[1]}}: {{ item[1] }}
{{demo_card_data.fields[2]}}: {{ item[2] }}
{{demo_card_data.fields[3]}}: {{ item[3] }}
{{demo_card_data.fields[4]}}: {{ item[4] }}

No cards available

Zoom Contact Center Engagements
Engagement ID Start Time Queue Name
{{engagement.engagementId}} {{engagement.startTime}} {{engagement.queueName}}
No engagement history found

New Contact

Contact Information

Fill in the details to create a new contact

This is a demonstration app, showing the power of the Zoom App framework.

Zoom CX Test 'Zoom App'

This app serves as an example of what is possible in the Zoom App framework. There are multiple modes available within this app, including the test/debug mode as well as two demo modes.

ZCC Engagement Tiles

The tiles below track Engagements detected by this App, with the visible engagement higlighted in green.

Engagement ID: {{engagementId}}
Queue: {{data.queueName}}
State: {{data.state}}
Channel: {{data.channel}}
Global Variables: {{getGlobalVariableCount(engagementId)}}
Consumer: {{data.consumerDisplayName}}
Email: {{data.consumerEmail}}
Number: {{data.consumerNumber}}
consumerId: {{data.consumerId}}


APIs

APIs
makePhoneCall

APIs
Decrypted App Context

Note: App context shown above is encrypted. Below is the decrypted object (requires backend).

{{JSON.stringify(DecryptedAppContext, undefined, 2)}}

Decrypting...

Misc APIs

{{event.source}} {{event.name}} {{ event.timestamp.toLocaleTimeString() }} 
{{JSON.stringify(event.payload, undefined, 2)}}

Waiting for first event...

Use the authorize() function for in-client OAuth to get user details via the Zoom Marketplace API (/users/me).

User Data (from /users/me)
Name: {{zoomApiUserInfo.first_name}} {{zoomApiUserInfo.last_name}}
Email: {{zoomApiUserInfo.email}}
Account ID: {{zoomApiUserInfo.account_id}}
Account Number: {{zoomApiUserInfo.account_number}}

No user info retrieved yet.

Note: This app calls authorize() on launch. Use the button to re-trigger.

Demo Mode Settings

These settings only apply when in Demo Mode.

Custom Mode

Design your own custom app UI using JSON configuration.

This app is used for reviewing the ZP & ZCC Zoom Apps Events & APIs. For questions please contact Justin Steinberg

App loaded at {{timewhenapploaded}}


Privacy Policy: This app stores 'contacts' and basic app 'state' in the backend. Call logs and Zoom user data are not stored. For Zoom Employee testing/demo purposes only. Do not store customer data.

Edit the JSON structure to design your app UI. Use the "Load Example Configuration" button to see a sample structure.

Dynamic Data: You can use dynamic data from EngagementContext and EngagementStatus by wrapping field names in double curly braces, such as {{queueName}}. Supported fields: {{engagementId}}, {{queueName}}, {{consumerDisplayName}}, {{consumerEmail}}, and {{consumerNumber}}. These will be automatically replaced with actual values when the app is displayed.
Switch to Test Mode

No elements to display. Click the settings icon to edit and add some elements.

{{ replaceDynamicData(header) }}
{{ replaceDynamicData(cell) }}
No data
{{ replaceDynamicData(element.title) }}

{{ replaceDynamicData(element.body) }}

{{ replaceDynamicData(nestedElement.content) }}
{{ replaceDynamicData(element.content) }}