# Componentes

Los **componentes de Hablla** son las piezas fundamentales para crear automatizaciones y flujos inteligentes. Permiten que usted **capture información, procese datos y ejecute acciones** de manera automatizada, sin necesidad de programar.

Cada componente tiene una función específica y puede combinarse con otros para crear flujos personalizados y altamente eficientes.

***

### 🔹 **¿Qué son los Componentes en Hablla?**

En Hablla, los componentes son **bloques funcionales** que permiten integrar diferentes sistemas, procesar información y crear reglas automáticas dentro de los flujos de automatización.

✔️ **Ejemplo de Uso:**\
📥 Un lead completa un formulario → WhatsApp envía un mensaje automático → La oportunidad se registra en el CRM → Se crea una tarea para un vendedor.

Los componentes permiten esa comunicación y automatización entre sistemas.

<figure><img src="https://4006966930-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 Disponibles y Sus Funciones**

A continuación, encontrará los **principales componentes disponibles en Hablla** y lo que hace cada uno de ellos:

#### 🔮 **Hablla y Hablla GPT**

* **Hablla**: Componentes nativos de la plataforma para manipulación de datos, automatización y control de flujos.
* **Hablla GPT**: Permite crear agentes autónomos con IA para atención, automatización de mensajes y análisis de texto.

📌 **Ejemplo de Uso:** Crear un **agente virtual** que responda dudas automáticamente.

***

#### 💬 **Canales de Comunicación**

Son componentes responsables de la **entrada y salida de mensajes** en los principales canales conversacionales.

**📱 Componentes de WhatsApp**

* Recibe y envía mensajes por WhatsApp.
* Permite interacciones automáticas y envío de plantillas HSM.
* Se conecta con chatbots y agentes humanos.

📌 **Ejemplo de Uso:** Enviar un mensaje automático a un lead calificado.

**👥 Componentes de Facebook**

* Gestiona mensajes de Messenger.
* Permite automatizaciones e interacciones en Facebook.

📌 **Ejemplo de Uso:** Crear un flujo de atención para responder mensajes recibidos en Messenger.

**🚀 Componentes de Telegram**

* Recibe y envía mensajes en Telegram.
* Cuenta con soporte para bots y automatizaciones avanzadas.

📌 **Ejemplo de Uso:** Crear un bot en Telegram para captar leads.

**📸 Componentes de Instagram**

* Responde mensajes en Direct de Instagram.
* Permite capturar interacciones y crear automatizaciones.

📌 **Ejemplo de Uso:** Enviar un mensaje automático a quien comente una publicación.

***

#### 🔥 **Integraciones y APIs**

Son componentes que **conectan Hablla con otras plataformas** para enviar y recibir datos.

**⚡ Triggers y HTTP**

* Permite configurar **webhooks** para recibir y enviar información a otras plataformas.
* Inicia automatizaciones siempre que ocurre un evento externo.

📌 **Ejemplo de Uso:** Cuando un cliente realiza una compra, se puede activar un webhook para crear una oportunidad de postventa.

**📊 Pipedrive**

* Se conecta al CRM Pipedrive para **creación y actualización de negocios**.

📌 **Ejemplo de Uso:** Crear un nuevo negocio en Pipedrive cuando un lead responde en WhatsApp.

**🔄 RD Station CRM y RD Station Marketing**

* Se integra con RD Station CRM y Marketing para registrar leads, actualizar oportunidades y enviar campañas.

📌 **Ejemplo de Uso:** Enviar un lead calificado de WhatsApp a RD Station Marketing.

**✅ Trello**

* Crea, actualiza y mueve tarjetas dentro de un tablero en Trello.

📌 **Ejemplo de Uso:** Crear una tarjeta automáticamente cuando se registra una nueva tarea en Hablla.

**📧 Disparador de Email y Envío de Mensajes**

* Permite enviar y recibir correos electrónicos automatizados.

📌 **Ejemplo de Uso:** Enviar un correo automático de confirmación después de que un cliente se registre.

**🔍 Google**

* Se integra con servicios de Google, como Hojas de cálculo, Drive y Analytics.

📌 **Ejemplo de Uso:** Registrar datos de leads en una hoja de cálculo automáticamente.

**💳 Asaas**

* Se conecta al sistema de pagos Asaas, permitiendo crear cobros y seguir facturas.

📌 **Ejemplo de Uso:** Generar automáticamente un boleto para un cliente que realizó una compra.

**🔀 Transformación de Datos**

* Procesa, formatea y manipula información antes de enviarla a otros componentes.

📌 **Ejemplo de Uso:** Convertir un número de teléfono antes de enviarlo a otro sistema.

**🛠 Otros**

* Reúne otras integraciones y funcionalidades diversas dentro de Hablla.

📌 **Ejemplo de Uso:** Crear conexiones personalizadas con APIs externas.

***

### 🔹 **¿Cómo Agregar un Componente en el Flujo?**

1️⃣ **Haga clic en el botón "Agregar Componente"** dentro de Hablla Studio.\
2️⃣ **Elija un componente** de la lista mostrada.\
3️⃣ **Configure los parámetros** (como canales, integraciones o variables de entrada y salida).\
4️⃣ **Guarde y conecte el componente** al flujo deseado.

***

### 🎯 **Conclusión**

Los componentes de Hablla permiten **crear flujos inteligentes, automatizar procesos y conectar diferentes sistemas**, todo de manera intuitiva.

🚀 **Combinando estos componentes, puede crear una experiencia de atención y automatización altamente eficiente!**
