How to Embed Zoom Team Chat in your Website

In this article, we'll show you how to add Zoom Chat directly into your website with a simple integration and single code snippet using Social Intents.

Embedding Zoom Team Chat lets visitors start a live conversation that your team answers directly in Zoom. Social Intents bridges the gap between your website and Zoom Team Chat.  Visitors chat through a widget on your site, and your agents respond from the Zoom app they already use every day.

How It Works

Here's the flow when a visitor starts a chat on your website:

1. A visitor opens the chat widget on your site and types a message
2. Social Intents sends a notification to your designated Zoom Team Chat channel with the visitor's name, message, and page URL
3. An agent clicks Join Chat on the notification in Zoom
4. A private Zoom channel is created for that conversation
5. Messages flow in real time between the visitor's browser and the agent's Zoom app
6. When the chat ends, the channel is archived

Your team never leaves Zoom. Visitors never need to install anything.

Prerequisites

• A Zoom account with Team Chat enabled (available on Zoom Workplace plans)
• Permission to install apps in your Zoom workspace
• A website where you can add a JavaScript snippet

Step 1: Create Your Social Intents Account

Go to socialintents.com and start a free 14-day trial, or log in to your existing account.

During signup, select Zoom as your team messaging platform when prompted.

Step 2: Connect Zoom Team Chat

From your Social Intents dashboard:

1. Navigate to Integrations link.
2. Click the Zoom integration option
3. Click Connect to Zoom
4. You'll be redirected to Zoom's authorization page
5. Sign in to your Zoom account and grant the requested permissions
6. Select the Zoom Team Chat channel where you want incoming chat notifications to appear
7. Click Authorize

Social Intents will create a default inbound channel called Live Chat Inbound in your Zoom Team Chat. This is where new chat notifications will appear.

Note: The authorization uses OAuth 2.0. Social Intents requests permission to send messages and manage channels on your behalf. You can revoke access at any time from your Zoom Marketplace settings.

Step 3: Add the Chat Widget to Your Website

Copy the JavaScript snippet from your widget settings and paste it before the closing </body> tag on every page where you want chat available:

<code><script src="https://www.socialintents.com/api/chat/socialintents.1.4.js#YOUR_WIDGET_KEY" async="async"></script>

Replace YOUR_WIDGET_KEY with the key shown in your widget settings.

Platform-specific instructions:

• WordPress: Paste the snippet in your theme's footer.php or use a plugin like Insert Headers and Footers
• Shopify: Go to Online Store → Themes → Edit Code → theme.liquid, paste before </body>
• Squarespace: Go to Settings → Advanced → Code Injection → Footer
• Wix: Use the Custom Code feature under Settings → Advanced
• Google Tag Manager: Add as a Custom HTML tag that fires on All Pages

Step 4: Test the Connection

1. Open your website in a browser
2. Click the chat widget and send a test message
3. Check your Zoom Team Chat - you should see a notification in your inbound channel
4. Click Join Chat in Zoom and reply
5. Confirm the reply appears in the visitor's browser widget

If the notification doesn't appear, verify your Zoom connection is active under My Widgets → Settings → Integration.

Understanding the Chat Experience

What the Visitor Sees

Visitors see a clean chat widget in the corner of your website. They can type their name, email (optional), and message. Replies from your Zoom agents appear in real time. Visitors can also share files and images directly through the widget.

What Your Team Sees in Zoom

When a new chat arrives, your inbound Zoom channel receives a formatted notification card showing:

• Visitor name
• Initial message/question
• Page URL the visitor is on
• Visitor location and browser info
• Any pre-chat form data (email, phone, custom fields)
• A Join Chat button

When an agent clicks Join Chat, a private channel is created for that conversation. The agent and visitor exchange messages in real time until the conversation ends.

Multiple Agents

Multiple agents can join the same conversation. Each agent who clicks Join Chat is added to the private channel, allowing team collaboration on complex requests.

Customizing the Chat Widget

Under Apps, you can customize:

• Colors: Match your brand colors for the widget button, header, and chat bubbles
• Welcome message: The greeting visitors see when they open the widget
• Pre-chat form: Require name, email, phone, or custom fields before chat starts
• Offline message: What visitors see when no agents are available
• Operating hours: Set business hours to show/hide the widget automatically
• Language: Customize all widget text for any language

Adding an AI Chatbot

You can add an AI chatbot to handle initial conversations, answer common questions instantly, and only escalate to your Zoom team when needed.

1. Go to Apps → your widget → Chatbot tab
2. Choose an AI engine (ChatGPT, Claude, Gemini)
3. Enter your API key
4. Add your knowledge base — upload documents, paste URLs, or type custom instructions
5. Save and test

The AI chatbot responds instantly to visitors. When a visitor asks to speak with a human or the AI can't answer, the conversation escalates to your Zoom Team Chat channel with full context.

Tip: Use AI Actions to define specific escalation triggers. For example, create an "Escalate to Sales" action that routes pricing questions to a dedicated Zoom channel.

Escalation Routing

Route different types of conversations to different Zoom channels based on topic, department, or keywords.

1. Go to My Widgets → your widget → AI Actions
2. Click Add Action
3. Set the action type to Escalate Chat to Human
4. Define when the action should trigger (e.g., "When the visitor asks about billing or pricing")
5. Select the target Zoom channel for that route
6. Save the action

Example routing setup:

Video Call Escalation

Upgrade a text chat to a Zoom video call when the conversation needs face-to-face interaction - demos, screen sharing, or complex troubleshooting.

Option A: AI-Triggered Video Button

1. Go to AI Actions → Add Action
2. Set action type to Show Button or Iframe Only
3. Name it Start_Video_Call
4. Set the trigger: "When the visitor or agent requests a video call, demo, or screen share"
5. Button Label: Join Video Call
6. Button URL: Your Zoom meeting link (e.g., https://zoom.us/j/YOUR_MEETING_ID)

Option B: Agent-Triggered Action

Create an Agent Manually Triggered action so agents can send a video call link at any time during a conversation, giving them full control over when to escalate.

Offline Behavior

When no agents are available in Zoom:

• AI Chatbot enabled: The chatbot continues handling conversations and collects visitor information for follow-up
• No chatbot: The widget shows your configured offline message and can display a contact form to capture leads

Configure offline behavior under My Widgets → Offline Settings.

Proactive Chat Invitations

Automatically invite visitors to chat based on their behavior:

• Time on page: Trigger after a visitor has been on a page for X seconds
• Specific pages: Show proactive invitations on pricing or product pages

Configure under Apps

Reporting and Analytics

Track chat performance from your Social Intents dashboard:

• Total chats per day, week, or month
• Average response time
• Chat duration
• Customer satisfaction ratings
• Agent performance metrics
• Peak chat hours

Frequently Asked Questions

Does this use Zoom Meetings or Zoom Team Chat?

The live chat integration uses Zoom Team Chat (the messaging feature inside Zoom). Zoom Meetings is a separate feature — you can optionally escalate to a Zoom Meeting using video call actions as described above.

What Zoom plan do I need?

You need any Zoom Workplace plan that includes Team Chat. This is available on Zoom Workplace Basic (free) and all paid plans.

Can I use Zoom and another platform (Slack, Teams) at the same time?

Each chat widget connects to one platform. To use multiple platforms, create separate widgets — for example, one widget routed to Zoom for your sales team and another routed to Slack for support.

How many agents can respond to chats?

There's no limit on agents within Zoom. Any team member in the inbound channel can click Join Chat. Multiple agents can collaborate in the same conversation.

Do visitors need a Zoom account?

No. Visitors chat through the website widget in their browser. They never need Zoom installed or a Zoom account.

Can I customize the pre-chat form?

Yes. You can require or optionally collect name, email, phone number, department selection, and custom fields before the chat starts. This information is passed to your agents in Zoom.

What happens to chat history?

All conversations are stored in your Social Intents dashboard under Chat Logs. You can search, filter, and export chat transcripts. Conversations also remain visible in Zoom's channel history.

Can I use this on multiple websites?

Yes. Create a separate widget for each website and connect them all to the same Zoom account. Each widget can route to different channels.

Is the chat widget mobile-responsive?

Yes. The widget automatically adapts to mobile screens and works on all modern browsers including iOS Safari and Android Chrome.

Troubleshooting

Chat notifications not appearing in Zoom

• Verify the Zoom connection is active in My Widgets → Settings
• Check that Team Chat is enabled in your Zoom account settings
• Ensure the Social Intents bot hasn't been removed from your channel
• Try disconnecting and reconnecting the Zoom integration

Messages delayed or not delivering

• Check your internet connection on both ends
• Verify your Zoom access token hasn't expired (reconnecting refreshes it)
• Check the Social Intents status page for any service issues

"Join Chat" button not working

• Ensure you have the latest version of Zoom desktop or mobile app
• Check that you have permission to create channels in your Zoom workspace
• Try clicking Join Chat from a different device

Next Steps

• Start your free trial
• Set up an AI Chatbot
• Customize your widget appearance
• Configure video call escalation