Video calling helps your team connect with customers quickly, understand issues clearly, and provide faster support. Super Chat supports video calls for website live chat conversations through the Cloudflare RealtimeKit integration.
This guide explains how to create the required Cloudflare RealtimeKit credentials, connect them to Super Chat, and start a video call from a conversation.
Note: If you previously used the Dyte integration, use Cloudflare RealtimeKit for new setups. Dyte's legacy infrastructure is being sunset after the Cloudflare acquisition.
Prerequisites
Before you start, make sure you have:
-
Access to your Cloudflare account.
-
Permission to create a RealtimeKit app in Cloudflare.
-
Permission to create Cloudflare API tokens.
-
Administrator access to your Super Chat account.
How to create a RealtimeKit app in Cloudflare?
Step 1. Open the Cloudflare dashboard and go to Realtime -> RealtimeKit.
Step 2. Click the "Create app" button.
Step 3. Enter a name for the app. For example, you can use "video-support". Click "Create".
Step 4. After the app is created, copy the RealtimeKit App ID. You will need this value when connecting the integration in Super Chat.
How to find your Cloudflare Account ID?
Step 1. Go to your Cloudflare account home.
Step 2. Click the three-dot menu in the top-right corner.
Step 3. Click "Copy account ID".
How to create a Cloudflare API token?
Step 1. In Cloudflare, go to My Profile -> API Tokens.
Step 2. Click "Create Token".
Step 3. Under "Custom token", click "Get started".
Step 4. Give the token a descriptive name. For example, you can use "video-support".
Step 5. Under Permissions, select:
-
Scope: Account
-
Permission: Realtime
-
Access: Admin
Step 6. Under Account Resources, select the Cloudflare account you want to use with Super Chat. You can select "All accounts" if you want the token to work across all accounts you have access to.
Step 7. Review the token summary and click "Create Token".
Step 8. Copy the API token. Cloudflare shows this token only once, so keep it somewhere safe until you add it to Super Chat.
How to set up the RealtimeKit integration in Super Chat?
Step 1. In Super Chat, go to Settings -> Applications -> Cloudflare RealtimeKit.
Step 2. Click "Configure".
Step 3. Click "Connect".
Step 4. Enter the following values:
-
Cloudflare Account ID
-
RealtimeKit App ID
-
Cloudflare API Token
Step 5. Click "Create".
Super Chat validates the credentials before saving the integration. If any value is incorrect, you will see a specific error for the API token, Account ID, permissions, or RealtimeKit App ID.
Once the credentials are saved, the RealtimeKit integration is ready to use.
How to video call your customers in Super Chat?
Once the RealtimeKit integration is enabled, you will see the video calling option in website inbox conversations.
Step 1. Open a website inbox conversation.
Step 2. Click the video camera icon below the reply editor.
Step 3. Super Chat sends a meeting invitation message to the customer. Click "Click here to join" to enter the call.
Step 4. The customer can join the same call from the website live chat widget.
Step 5. Once both sides join, the agent and customer can continue the conversation over video or voice.