Skip to main content
Você já sentiu que perde muito tempo alternando entre o chat e o seu sistema de vendas para saber quem é o cliente? O Dashboard Apps resolve isso. Ele permite que você “embuta” uma página externa ou um sistema próprio diretamente na barra lateral da conversa. O grande diferencial é que o Attende compartilha as informações do cliente (como e-mail ou telefone) com o app embutido, permitindo que ele já abra exibindo os dados corretos automaticamente.

​
Como criar um Dashboard App

  1. Vá em Configurações → Integrações → Painel de Aplicativos.
  2. Clique no botão “Configurar”.
  3. Preencha os campos:
    • Nome do App: O nome que aparecerá na aba (ex: “Pedidos Shopify”, “Consulta CRM”, “Status da Entrega”).
    • URL do App: O link do sistema que você deseja exibir.
  4. Clique em Salvar.
Pronto! Agora, ao abrir qualquer conversa, uma nova aba com o nome que você escolheu aparecerá no painel lateral direito.

​
Como funciona a “mágica” (Para Desenvolvedores)

O Dashboard App funciona como um iframe inteligente. Quando ele é carregado, o Attende envia um “pacote de dados” (via JavaScript message event) contendo o contexto da conversa e as informações do contato. Seu desenvolvedor pode configurar o sistema para ouvir esse evento e carregar os dados específicos daquele cliente instantaneamente.

​
Recebendo dados no seu App:

O código básico para o seu sistema “escutar” o Attende é este:JavaScript 
window.addEventListener("message", function (event) {
  const eventData = JSON.parse(event.data);
  // Agora você tem acesso a eventData.contact.email, por exemplo!
});

​
Pedindo dados atualizados:

Se o seu app precisar atualizar as informações sob demanda, ele pode enviar um sinal de volta para o Attende: JavaScript 
window.parent.postMessage('chatwoot-dashboard-app:fetch-info', '*')

​
Exemplos de Uso Prático

  • E-commerce: Exiba o histórico de compras e o status do último pedido assim que o cliente mandar um “Oi”.
  • SaaS/Software: Veja qual plano o usuário assina e se ele tem faturas em aberto.
  • Logística: Embuta o rastreamento da transportadora para informar o cliente sem sair da tela.
  • Google Sheets: Exiba uma planilha de controle específica dentro do chat.
Dica do Especialista: Use o Dashboard Apps para centralizar a operação. Quanto menos abas seu atendente precisar abrir, mais rápido e produtivo ele será.