# Componentes

Os **componentes da Hablla** são as peças fundamentais para criar automações e fluxos inteligentes. Eles permitem que você **capture informações, processe dados e execute ações** de maneira automatizada, sem precisar programar.

Cada componente tem uma função específica e pode ser combinado com outros para criar fluxos personalizados e altamente eficientes.

***

### 🔹 **O que são Componentes na Hablla?**

Na Hablla, os componentes são **blocos funcionais** que permitem integrar diferentes sistemas, processar informações e criar regras automáticas dentro dos fluxos de automação.

✔️ **Exemplo de Uso:**\
📥 Um lead preenche um formulário → O WhatsApp envia uma mensagem automática → A oportunidade é cadastrada no CRM → Uma tarefa é criada para um vendedor.

Os componentes permitem essa comunicação e automação entre sistemas.

<figure><img src="https://1879311494-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FBfH7AziaU1OxmY5C8nWI%2Fimage.png?alt=media&#x26;token=1cd0a127-5a4c-4a1f-8121-9f6e4095df69" alt=""><figcaption></figcaption></figure>

***

### 🚀 **Lista de Componentes Disponíveis e Suas Funções**

Abaixo, você encontra os **principais componentes disponíveis na Hablla** e o que cada um deles faz:

#### 🔮 **Hablla e Hablla GPT**

* **Hablla**: Componentes nativos da plataforma para manipulação de dados, automação e controle de fluxos.
* **Hablla GPT**: Permite criar agentes autônomos com IA para atendimento, automação de mensagens e análise de texto.

📌 **Exemplo de Uso:** Criar um **agente virtual** que responde dúvidas automaticamente.

***

#### 💬 **Canais de Comunicação**

São componentes responsáveis pela **entrada e saída de mensagens** nos principais canais conversacionais.

**📱 WhatsApp Components**

* Recebe e envia mensagens pelo WhatsApp.
* Permite interações automáticas e envio de templates HSM.
* Conecta com chatbots e agentes humanos.

📌 **Exemplo de Uso:** Enviar uma mensagem automática para um lead qualificado.

**👥 Facebook Components**

* Gerencia mensagens do Messenger.
* Permite automações e interações no Facebook.

📌 **Exemplo de Uso:** Criar um fluxo de atendimento para responder mensagens recebidas no Messenger.

**🚀 Telegram Components**

* Recebe e envia mensagens no Telegram.
* Possui suporte para bots e automações avançadas.

📌 **Exemplo de Uso:** Criar um bot no Telegram para captar leads.

**📸 Instagram Components**

* Responde mensagens no Direct do Instagram.
* Permite capturar interações e criar automações.

📌 **Exemplo de Uso:** Enviar uma mensagem automática para quem comentar em um post.

***

#### 🔥 **Integrações e APIs**

São componentes que **conectam a Hablla com outras plataformas** para enviar e receber dados.

**⚡ Triggers and HTTP**

* Permite configurar **webhooks** para receber e enviar informações para outras plataformas.
* Inicia automações sempre que um evento externo acontece.

📌 **Exemplo de Uso:** Quando um cliente faz uma compra, um webhook pode ser acionado para criar uma oportunidade de pós-venda.

**📊 Pipedrive**

* Conecta-se ao CRM Pipedrive para **criação e atualização de negócios**.

📌 **Exemplo de Uso:** Criar um novo negócio no Pipedrive quando um lead responde no WhatsApp.

**🔄 RD Station CRM e RD Station Marketing**

* Integra-se ao RD Station CRM e Marketing para cadastrar leads, atualizar oportunidades e enviar campanhas.

📌 **Exemplo de Uso:** Enviar um lead qualificado do WhatsApp para o RD Station Marketing.

**✅ Trello**

* Cria, atualiza e move cartões dentro de um quadro no Trello.

📌 **Exemplo de Uso:** Criar um cartão automaticamente quando uma nova tarefa é registrada na Hablla.

**📧 Email Trigger and Send Message**

* Permite enviar e receber e-mails automatizados.

📌 **Exemplo de Uso:** Disparar um e-mail automático de confirmação após um cliente se cadastrar.

**🔍 Google**

* Integra-se com serviços do Google, como Planilhas, Drive e Analytics.

📌 **Exemplo de Uso:** Registrar dados de leads em uma planilha automaticamente.

**💳 Asaas**

* Conecta-se ao sistema de pagamentos Asaas, permitindo criar cobranças e acompanhar faturas.

📌 **Exemplo de Uso:** Gerar automaticamente um boleto para um cliente que realizou uma compra.

**🔀 Transformação de Dados**

* Processa, formata e manipula informações antes de enviá-las para outros componentes.

📌 **Exemplo de Uso:** Converter um número de telefone antes de enviar para outro sistema.

**🛠 Others**

* Reúne outras integrações e funcionalidades diversas dentro da Hablla.

📌 **Exemplo de Uso:** Criar conexões personalizadas com APIs externas.

***

### 🔹 **Como Adicionar um Componente no Fluxo?**

1️⃣ **Clique no botão "Adicionar Componente"** dentro do Hablla Studio.\
2️⃣ **Escolha um componente** da lista exibida.\
3️⃣ **Configure os parâmetros** (como canais, integrações ou variáveis de entrada e saída).\
4️⃣ **Salve e conecte o componente** ao fluxo desejado.

***

### 🎯 **Conclusão**

Os componentes da Hablla permitem **criar fluxos inteligentes, automatizar processos e conectar diferentes sistemas**, tudo de maneira intuitiva.

🚀 **Combinando esses componentes, você pode criar uma experiência de atendimento e automação altamente eficiente!**