> ## Documentation Index
> Fetch the complete documentation index at: https://ajuda.multiwhats.online/llms.txt
> Use this file to discover all available pages before exploring further.

# Painel de Aplicativos: Seu sistema dentro da conversa

> Traga ferramentas externas, como CRMs, histórico de pedidos ou planilhas, para dentro do Multiwhats e acabe com a troca de abas.

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 Multiwhats 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 Multiwhats 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 Multiwhats é este:JavaScript

```text theme={null}
window.addEventListener("message", function (event) {
  const eventData = JSON.parse(event.data);
  // Agora você tem acesso a eventData.contact.email, por exemplo!
});
```

#### [**​**](https://ajuda.attende.online/10-integracoes-e-apps-turbinando-o-attende/dashboard-apps-seu-sistema-dentro-da-conversa#pedindo-dados-atualizados:)

\*\*Pedindo dados atualizados:\*\*Se o seu app precisar atualizar as informações sob demanda, ele pode enviar um sinal de volta para o Multiwhats:JavaScript

```text theme={null}
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á.