# 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="/files/zciRaHVCM0z8JZr3EmlY" 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!**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hablla.com/fluxos-de-automacoes/componentes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
