Chamada de vídeo ajuda sua equipe a se conectar rapidamente com os clientes, entender claramente os problemas e fornecer suporte mais rápido. O RockZap® oferece suporte a chamadas de vídeo para conversas no chat ao vivo do site por meio da integração com o Cloudflare RealtimeKit.

Este guia explica como criar as credenciais necessárias do Cloudflare RealtimeKit, conectá-las ao RockZap® e iniciar uma chamada de vídeo a partir de uma conversa.

> *Nota: Se você usou anteriormente a integração Dyte, utilize o Cloudflare RealtimeKit para novas configurações. A infraestrutura legada do Dyte será descontinuada após a aquisição pelo Cloudflare.*

## **Pré-requisitos**

Antes de começar, certifique-se de que você tem:

* Acesso à sua conta Cloudflare.

* Permissão para criar um app RealtimeKit no Cloudflare.

* Permissão para criar tokens de API do Cloudflare.

* Acesso de administrador à sua conta RockZap®.

## **Como criar um app RealtimeKit no Cloudflare?**

**Etapa 1.** Abra o painel do Cloudflare e vá até Realtime -> RealtimeKit.

**Etapa 2.** Clique no botão "Create app".

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1NsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61cddfe9321c29c3c53e1dc55f2eb31f1bbff259/CleanShot-202026-06-18-20at-2012.46.10@2x.png)

\
**Etapa 3.** Insira um nome para o app. Por exemplo, você pode usar "video-support". Clique em "Create".

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK3lsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--bd451931c1cfef61a0d5264bca77c9e3a32d8208/create-app.png)

\
**Etapa 4.** Após a criação do app, copie o App ID do RealtimeKit. Você precisará desse valor ao conectar a integração no RockZap®.

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK21sRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9e1c409e325b81c18825153749e6036d5e2fdca3/realtime-id.png)

## **Como encontrar seu Cloudflare Account ID?**

**Etapa 1.** Vá para a página inicial da sua conta Cloudflare.

**Etapa 2.** Clique no menu de três pontos no canto superior direito.

**Etapa 3.** Clique em "Copy account ID".

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK2FsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ca0ae6986451429175555ef5c6a1f70ff4739688/account-id.png)

## **Como criar um token de API do Cloudflare?**

**Etapa 1.** No Cloudflare, acesse My Profile -> API Tokens.

**Etapa 2.** Clique em "Create Token".

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK2VsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--4c6b58a12a9c968a76c4c9f5e5eb074ac918bcb0/create-token-1.png)

**Etapa 3.** Em "Custom token", clique em "Get started".

**Etapa 4.** Dê um nome descritivo ao token. Por exemplo, você pode usar "video-support".

**Etapa 5.** Em Permissões, selecione:

* Escopo: Account

* Permissão: Realtime

* Acesso: Admin

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK2lsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8cc8eb3dd1f5f39fd3c130f2606cb206a159eefe/create-token-2.png)

**Etapa 6.** Em Account Resources, selecione a conta Cloudflare que você deseja usar com o RockZap®. Você pode selecionar "All accounts" se quiser que o token funcione em todas as contas às quais tem acesso.

**Etapa 7.** Revise o resumo do token e clique em "Create Token".

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK3VsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--69b74537d29e8b8720ca7551440bf18a2c052d98/create-token-3.png)

\
**Etapa 8.** Copie o token de API. O Cloudflare mostra esse token apenas uma vez, então guarde-o em um local seguro até inseri-lo no RockZap®.

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK3FsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b4ed8ee809372d0adff50807315be40eb3b822e3/copy-token-4.png)

## **Como configurar a integração RealtimeKit no RockZap®?**

**Etapa 1.** No RockZap®, vá para Configurações -> Aplicações -> Cloudflare RealtimeKit.

**Etapa 2.** Clique em "Configure".

**Etapa 3.** Clique em "Connect".

**Etapa 4.** Insira os seguintes valores:

* Cloudflare Account ID

* RealtimeKit App ID

* Cloudflare API Token

**Etapa 5.** Clique em "Create".

O RockZap® valida as credenciais antes de salvar a integração. Se algum valor estiver incorreto, você verá um erro específico para o token de API, Account ID, permissões ou RealtimeKit App ID.

Depois que as credenciais forem salvas, a integração com o RealtimeKit estará pronta para uso.

## **Como chamar seus clientes por vídeo no RockZap®?**

Após habilitar a integração do RealtimeKit, você verá a opção de chamada de vídeo nas conversas da caixa de entrada do site.

**Etapa 1.** Abra uma conversa da caixa de entrada do site.

**Etapa 2.** Clique no ícone de câmera de vídeo abaixo do editor de resposta.

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1dsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9c6cf49b3bd40822294ef83841a46276192ea269/video-call-button.png)

**Etapa 3.** O RockZap® envia uma mensagem de convite para reunião ao cliente. Clique em "Clique aqui para entrar" para acessar a chamada.

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBKzJsRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--d7e238225d6fae6a77e2003b0117791f1c1e6fd7/click-to-start-call.png)

**Etapa 4.** O cliente pode entrar na mesma chamada pelo widget de chat ao vivo no site.

**Etapa 5.** Assim que ambos entrarem, o agente e o cliente podem continuar a conversa por vídeo ou voz.