Zoom Chat App Card Builder

The Zoom Chat App Card Builder provides code blocks and templates you can use to quickly create app cards for Zoom Chat.

User interface controls

Figure 1 shows the App Card Builder user interface. You can see the controls available highlighted in red.

Figure 1: App Card Builder user interface

Control	Description
Start from a template	Offers two templates: common and form.
Desktop/Mobile	Provides the best display for either desktop or mobile.
Brand color	Adds a default sidebar color.
Send to Zoom Chat	Sends an app card to a Zoom Chat.

You can drag and drop the available code blocks on the preview area or use one of the templates to create the code structure for your app.

Figure 2 shows the App Card Builder user interface with the grab hand cursor. You can see the code display on the right side of the screen.

Figure 2: App Card Builder with grab hand cursor

This table describes the major elements of the App Card Builder user interface.

Element	Description
Header	Adds header or sub-header text.
Sections	Adds the following code blocks: Message Fields Static Select Member Select Channel Select Button Overflow Menu Image Date Picker Time Picker Radio Group Checkbox Group Switch Group Footer
Actions	Adds the following code blocks: Basic Buttons Feedback Buttons App Modal
Elements	Adds the following code blocks: Message Fields Attachment File Card Divider Progress Bar Static Select Member Select Channel Select Time Picker Date Picker Radio Group Checkbox Group Switch Group Alert Multiple Image Plain Text Input Multi-line Text Input Video
Markdown	Markdown blocks must be placed within a message block. Bold Italic Strikethrough Monospace Color Blockquote Link Chat Link Mention Profile Image Date Time
Rich Text	Rich text blocks must be placed within a message block. Bold Italic Color Link Editable