Modulos StackLab são scripts prontos para uso que adicionam funcionalidades extras e visuais personalizados ao **Kanban para Chatwoot**, por meio da injeção de código *HTML* diretamente no *frontend*.

## **“Estes scripts funcionam exclusivamente com o Kanban para Chatwoot e utilizam a estrutura oficial de módulos do StackLab.ˮ**

## Como Funcionam:

Todos os scripts utilizam a tecnologia de injeção dinâmica de código *HTML* antes do fechamento da tag *body*, o que permite modificar ou estender a interface do **Chatwoot** de forma segura e desacoplada.

**Isso abre um universo de possibilidades!**

* Inserção de componentes visuais flutuantes.

* Adição de eventos automáticos ou personalizados.

* Integrações com ferramentas externas (APIs, CRMs, VoIP, Analytics…).

* Automação visual de tarefas no Kanban Personalização de estilos, layout e comportamentos.

## **Requisitos:**

* **Kanban para Chatwoot** instalado e ativo.

* Acesso de ***SuperAdmin*** à sua instalação do **Chatwoot.**

* Painel de Gerenciamento de Scripts disponível no seu ambiente em: **/super_admin/dashboard_scripts.**

## Passos para usar:

1. Acesse sua instalação do **Chatwoot** com uma conta **SuperAdmin**.

   ![](https://app.stacklab.digital/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdXdJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--15ae9dbe78ebd92003849eb6eb0092fde8b45190/image.png)

2. Vá até: <https://seuchatwoot.com/super_admin/dashboard_scripts>

   ![](https://app.stacklab.digital/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdTBJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cc23b5ea9897cd97f769afd3b1bf75f65f74881d/image.png)

3. Cole o código do script no campo "***Script Code***".

   ![](https://app.stacklab.digital/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdTRJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--fddac89a53593525fa13df6b178b4b0eb91e9942/image.png)

4. Clique em "**Salvar Scripts**".

5. Atualize seu painel do Kanban — o script já estará funcionando!

## Boas Práticas:

* Evite duplicações e verifique se o elemento já foi adicionado ao ***DOM.***

* Utilize ‘***MutationObserverʼ*** para manter seu script funcional mesmo com atualizações dinâmicas da interface.

* Encapsule sua lógica para não poluir o ***namespace*** global.

* Comente seu código para facilitar futuras manutenções ou colaborações.

## Exemplos de Funcionalidades Possíveis:

* Botões flutuantes com ações rápidas (ex: chamada, criar tarefa, arquivar lead).

* Atalhos de teclado personalizados para navegação rápida no Kanban.

* Integração com APIs de CRM, VoIP ou automação.

* Scripts que exibem alertas ou instruções contextuais para operadores.

* Personalizações visuais (temas escuros, bordas por status, agrupamentos).

* Automatizações visuais com base em datas, metas ou responsáveis.

## Contribuições:

Se você tem sugestões de melhoria, novas ideias de scripts ou quer compartilhar suas criações, participe da **Comunidade oficial no WhatsApp do Kanban para Chatwoot**. <https://chat.whatsapp.com/FDagtAiDpQt10hKGiMtiF0>

## Suporte:

Compradores do **Kanban para Chatwoot** têm acesso direto à comunidade de suporte via WhatsApp. Dúvidas técnicas ou de implementação serão atendidas por especialistas da StackLab.

**Grupo dos Módulos no Whatsapp:** <https://chat.whatsapp.com/IJAeviGg74SKP8blG0k6ds>