# Inicio

Aprende a configurar y utilizar Demandu paso a paso para automatizar tus conversaciones.

{% hint style="info" icon="lightbulb-on" %}

### <sup>*<mark style="color:blue;">**Tip Demandu**</mark>*</sup><sup>***:***</sup>

*<mark style="color:blue;">Configura</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Meta WhatsApp Cloud API**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">paso a paso, sin necesidad de conocimientos técnicos o de programación.</mark>*

*<mark style="color:blue;">Gestiona la configuración de tus bots de forma más independiente y sencilla.</mark>*
{% endhint %}

### 🤖 ***Demandu: Tu nuevo superpoder para vender más.*** <a href="#demandu-tu-nuevo-superpoder-para-vender-mas" id="demandu-tu-nuevo-superpoder-para-vender-mas"></a>

Demandu es una plataforma **no-code** que te permite crear chatbots y agentes de inteligencia artificial para automatizar la comunicación con tus clientes.

Con Demandu puedes:

* 🎨 ***Diseñar flujos***: "Crea flujos visuales increíbles sin tocar una línea de código".
* ⚡ ***Automatizar:*** "Responde al instante y enamora a tus clientes".
* 🎯 ***Leads:*** "Capta y organiza prospectos calificados en automático".
* 🔌 ***Integración:*** "Conecta todas tus herramientas favoritas en un solo lugar".
* 📱 ***Multicanal:*** "Atiende en WhatsApp, Instagram y más desde una sola ventana".
* 🤝 ***Humano:*** "Transfiere a un agente real cuando la magia necesite un toque humano".

Puedes implementar tus bots en múltiples canales como WhatsApp, Instagram o sitios web, y gestionar todas tus conversaciones desde un solo lugar.

### �&#xDCCD;***Puntos clave de Demandu*** <a href="#puntos-clave-de-demandu" id="puntos-clave-de-demandu"></a>

* 🛠️ ***Constructor No-Code***: Crea chatbots de IA utilizando un constructor visual de flujos.
* 🧠 ***Respuestas automatizadas***: Automatiza respuestas a preguntas frecuentes y guía a tus usuarios.
* 🌐 ***Implementación multicanal***: Despliega tus bots en WhatsApp, Instagram y más.
* 📈 ***Gestión de leads***: Captura información de tus usuarios y gestiona tus leads de forma eficiente.

### 🔥 ***Tu Checklist de Superpoderes*** <a href="#tu-checklist-de-superpoderes" id="tu-checklist-de-superpoderes"></a>

* ✨ ***Entender el ecosistema***: Descubre cómo Demandu potencia tu negocio.
* 🎭 ***Identidad***: Personaliza el perfil de tu Bot para que sea único.
* 🚀 ***Acción**:* Crea tu primer flujo de respuestas automáticas.

### **🌐&#x20;*****Implementación multicanal***

Despliega tus chatbots en múltiples canales de comunicación desde una sola plataforma conecta con tus clientes donde ellos ya están:

* 🌍 ***Sitio web:*** Chat en vivo y captación 24/7.
* 💬 ***WhatsApp:*** El canal favorito para cerrar ventas.
* 📸 ***Instagram***: Automatiza tus DMs y reacciones.
* 📘 ***Facebook Messenger***: Atención instantánea.
* ✈️ ***Telegram***: Conexión segura y masiva.

### **🎯&#x20;*****Generación y gestión de leads***

No solo guardamos contactos, hacemos crecer tu base de datos. Demandu captura información durante la charla y organiza a tus prospectos por ti:

* ✅ ***Calificación automática***: El bot sabe quién es un cliente potencial.
* 🗂️ ***Gestión eficiente***: Todos tus leads en un solo lugar, listos para la acción.

### **🧭&#x20;*****Tu centro de mando: Cómo está organizado Demandu***

Para facilitar tu experiencia, Demandu se organiza en los siguientes módulos:

* 🏠 **Inicio**: Tu tablero de control para la configuración general.
* 🤖 **Bots**: El laboratorio donde creas y editas a tus asistentes.
* 📥 **Bandeja de entrada**: El lugar donde sucede la magia de las conversaciones.
* 📊 **Analíticas**: Mide tus resultados y optimiza tu estrategia.
* ⚙️ **Perfil**: Gestiona tus datos personales y preferencias.
* 💳 **Suscripciones**: Todo sobre tus planes y facturación.

{% hint style="danger" icon="screwdriver-wrench" %}

### *<mark style="color:red;">**¿Atorado en el camino?**</mark>* <a href="#atorado-en-el-camino" id="atorado-en-el-camino"></a>

{% endhint %}

*<mark style="color:green;">**No te preocupes, aquí te ayudamos a desatascarte.**</mark>*

Si encuentras un error, haz clic en el globo de chat de la derecha y nuestro equipo entrará en acción más rápido que un pingüino al agua.

### 🆘 ***¿Necesitas ayuda técnica?*** [Haz clic aquí para reportar un error](https://api.whatsapp.com/send/?phone=50769897857\&text=Hola%2C+visite+su+sitio+web+y+quiero+m%C3%A1s+informaci%C3%B3n\&type=phone_number\&app_absent=0) ***y lo arreglaremos de inmediato.***

## 🔗 ***Enlaces Rápidos***

¿Necesitas ayuda extra o quieres aprender un truco nuevo? Aquí tienes todo a un clic:

{% content-ref url="/pages/kTxnc4TU6PNT8jSe8VAh" %}
[¿Cómo funciona Demandu?](/como-funciona-demandu)
{% endcontent-ref %}

{% content-ref url="/pages/0dAXjzCzCA4aIoKXfJnQ" %}
[Guía de Productos y Formación](/guia-de-productos-y-formacion/referencias-api)
{% endcontent-ref %}

{% content-ref url="/pages/GcjwIjxudzyPvDYYVjIK" %}
[Broken mention](broken://pages/GcjwIjxudzyPvDYYVjIK)
{% endcontent-ref %}


# ¿Cómo funciona Demandu?

Hemos diseñado el mapa del tesoro con guías y recursos para cada etapa de tu aventura. Y recuerda: si no encuentras lo que buscas, ¡solo tienes que silbar! 🐧✨

### **¿Qué es Demandu?**

Demandu es una plataforma para crear chatbots que puede automatizar conversaciones y optimizar la generación de clientes potenciales. Nuestra gama de funciones se adapta a diversas aplicaciones empresariales, y confiamos en que encontrarás justo lo que necesitas.

### 👋 ¡Qué gusto tenerte a bordo!

Demandu es el motor de IA que automatiza tus charlas y enamora a tus clientes. Queremos que aproveches cada rincón de la plataforma, por eso preparamos estos tutoriales paso a paso para tu recorrido. ¡*Si necesitas algo extra, sólo dinos y lo hacemos realidad*! 💡

### 🔥 ¡Mantén tu bot siempre en la cima!&#x20;

No dejes que tu bot se oxide. Revisa nuestras notas de lanzamiento para conocer las últimas funciones, solicita ese "*superpoder*" que te falta o ayúdanos a cazar errores para que todo funcione como un reloj suizo. 🛠️🐜

{% embed url="<https://youtu.be/b-_R7TM6aLg>" %}

### 💎 ¡Dale superpoderes a tu negocio con Demandu!

* 🤖 Vende mientras duermes. Tu bot se encarga de cerrar tratos 24/7.
* ⚡ Adiós a la espera. Pulveriza los tiempos de respuesta y mantén a tus clientes siempre sonrientes.
* 👥 Conecta a múltiples agentes bajo el mismo número. ¡Organización total, cero caos!.
* 🧠 Conversaciones con alma. Tu bot suena tan humano que olvidarán que es una IA.

### 🤔 ¿Para quién es esta magia?

Sin importar el tamaño de tu empresa —*ya sea un negocio local, una startup en crecimiento o un gigante de la industria*—, si quieres que tu chat trabaje para ti las 24 horas, Demandu es tu match perfecto.&#x20;

Mira cómo hacemos magia en diferentes sectores.&#x20;

*Ejemplos reales*:

* ***E-commerce***: Recupera carritos abandonados automáticamente.
* ***Clínicas***: Agenda citas sin intervención humana.

{% hint style="info" icon="lightbulb-on" %}

### <sup>*<mark style="color:blue;">**Tip Demandu**</mark>*</sup><sup>***:***</sup>

*<mark style="color:blue;">Usa respuestas automatizadas para las preguntas frecuentes y libera a tu equipo para ventas complejas.</mark>*
{% endhint %}


# Crea tu primer bot.

¡Nos emociona mucho tenerte a bordo! 🚀

Demandu no es solo una plataforma de chatbots; es el motor de IA que te permite automatizar conversaciones y optimizar la captura de clientes potenciales sin que tengas que escribir una sola línea de código.

🎥 Mira cómo despega tu negocio.

Antes de crear tu primer bot, echa un vistazo rápido a este video para entender cómo configurar tu cuenta y qué esperar de la plataforma:

### Crear una cuenta en Demandu

{% embed url="<https://youtu.be/0voRfbGRztM>" %}

### 🛠️ ***Tu primer paso***: Crear una cuenta en Demandu

¡Es momento de activar tu centro de mando! Sigue estos pasos para registrarte en menos de 2 minutos:

1. 🌐 ***Navega al portal oficial.***&#x20;
   * Abre tu navegador y ve a la [Página de Autenticación de Demandu](https://app.demandu.tech)
2. ✨ ***Inicia el registro*****.**
   * Haz clic en el botón "*Registrarse*" para comenzar el proceso
3. 📋 ***Llena Tus Datos.***
   * *Correo Electrónico*: Usa tu dirección de trabajo principal.
   * *Teléfono*: Ingresa tu número de contacto para recibir notificaciones.
   * *Contraseña*: Elige una que sea segura pero fácil de recordar.
   * Selecciona "*Registrarse*" para continuar.
4. 🛡&#xFE0F;***Verifica tu identidad.***
   * Busca en tu bandeja de entrada un correo de Demandu. Haz clic en el enlace "*Verificar tu dirección de correo electrónico*" y ¡listo! Ya tienes hacia la magia.

***Notas.***

* Asegúrate de ingresar un correo electrónico de trabajo y un número de teléfono válidos para recibir el correo de verificación.

{% hint style="info" icon="lightbulb-on" %}

## *<mark style="color:blue;">**Tip Demandu.**</mark>*

*<mark style="color:blue;">Si no ves el correo de verificación, revisa tu carpeta de Spam o Promociones. A veces la magia tarda un par de segundos en llegar.</mark>*&#x20;
{% endhint %}

### ***¿Qué sigue después del registro?***

Una vez que entres a la plataforma, te encontrarás con la ***Página de Configuración del Bot***. Este es el corazón de la herramienta, donde:

* 🏠 Conectarás tus canales (*WhatsApp, Instagram o Facebook*).
* 🎭 Le darás una personalidad única a tu asistente virtual.
* 🚀 Activarás tus primeros flujos de respuesta.


# Chatbot de Whatsapp.

Aquí encontrarás la información sobre los temas vitales que debes tener en cuenta para configurar Demandu con tu cuenta de Meta WhatsApp Business Platform.

Un WhatsApp Bot permite a las empresas automatizar las conversaciones con los clientes en WhatsApp. Ayuda a *gestionar consultas*, *captar clientes potenciales*, *brindar soporte* y *enviar actualizaciones* sin intervención manual.

### ¿Qué puedes hacer con un bot de WhatsApp?.

* Responder automáticamente a los mensajes de los clientes.
* Compartir información sobre productos o servicios.
* Capturar clientes potenciales y datos de clientes.
* Enviar actualizaciones de pedidos, notificaciones y recordatorios.
* Ofrecer atención al cliente 24/7.
* Redirigir los chats a agentes en vivo cuando sea necesario.

### Beneficios clave.

* 📱 Interactúa con tus clientes en WhatsApp, su canal preferido.
* ⚡ Las respuestas instantáneas mejoran la experiencia del cliente.
* 🤖 Reduce la carga de trabajo manual con la automatización.
* 📊 Monitorea las conversaciones y el rendimiento.

### Casos de uso comunes.

* Generación y cualificación de clientes potenciales.
* Atención al cliente y preguntas frecuentes.
* Estado del pedido y actualizaciones de entrega.
* Reserva de citas.
* Campañas y difusión de marketing.

### Requisitos para usar el bot de WhatsApp.

* Número de WhatsApp Business verificado.
* Cuenta de WhatsApp Business aprobada.
* Bot activo y flujo de chat configurado.
* Plantillas de mensajes de WhatsApp aprobadas (para mensajes salientes).

{% content-ref url="/pages/xDodp62SmRp8DBiBN0IQ" %}
[Configuración del Bot.](/crea-tu-primer-bot./chatbot-de-whatsapp./configuracion-del-bot.)
{% endcontent-ref %}

{% content-ref url="/pages/klionyD4gOHvFMitEQer" %}
[Gestionar el flujo de chat](/crea-tu-primer-bot./chatbot-de-whatsapp./gestionar-el-flujo-de-chat)
{% endcontent-ref %}

{% content-ref url="/pages/zyop3qMk8oncnxjMSp7D" %}
[Edita tu Flujo de Chat](/crea-tu-primer-bot./chatbot-de-whatsapp./edita-tu-flujo-de-chat)
{% endcontent-ref %}

{% content-ref url="/pages/OUYo51AH5Ev0xFzWDPUj" %}
[Plantilla de mensajes para Whatsapp](/crea-tu-primer-bot./chatbot-de-whatsapp./plantilla-de-mensajes-para-whatsapp)
{% endcontent-ref %}


# Configuración del Bot.

Guía paso a paso para configurar tu bot.

Aquí te mostramos el proceso para crear un bot de WhatsApp usando la incorporación automatizada de Demandu.

Este documento te guiará paso a paso en la creación de tu bot de WhatsApp con Demandu mediante la *API de WhatsApp Business Cloud*. Siguiendo estas instrucciones, podrás configurar tu bot de WhatsApp e integrarlo con la plataforma Demandu.

### Antes de comenzar, debes comprobar los requisitos previos.

Antes de comenzar, asegúrese de contar con los requisitos previos necesarios, como acceso a la plataforma Demandu, número de WhatsApp, etc.

### Requisitos previos.

{% hint style="danger" %} <mark style="color:red;">Un número que se haya utilizado en un bot de WhatsApp</mark> <mark style="color:red;"></mark><mark style="color:red;">**no**</mark> <mark style="color:red;"></mark><mark style="color:red;">​​podrá utilizarse para otros fines hasta que se elimine el chatbot y el número se elimine de la cartera de negocios vinculada.</mark>
{% endhint %}

**Antes de comenzar a crear el bot de WhatsApp, asegúrese de tener:**

* [ ] Un número de teléfono que esté Activo y pueda recibir SMS.
* [ ] No registrado en WhatsApp ni en la aplicación WhatsApp Business.
* [ ] Empresa legalmente registrada.
* [ ] Sitio web activo con una política de privacidad válida.
* [ ] Caso de uso comercial que cumpla con las políticas de [WhatsApp](broken://pages/zBoH1G3zZpd5eJaFYa9A) y [MetaCommerce](https://www.facebook.com/policies_center/commerce/).&#x20;
* [ ] Método de pago válido (*tarjeta de débito o crédito*) que permita realizar pagos internacionales a MetaCommerce para el cobro de comisiones por conversación.

Si has comprobado todo lo anterior, ya puedes empezar a usar el bot de la API de WhatsApp Cloud.

{% hint style="warning" %}
*<mark style="color:yellow;">**Tenga en cuenta que un mismo número de teléfono móvil solo puede utilizarse en uno de los servicios de WhatsApp a la vez: WhatsApp, WhatsApp Business o la API de WhatsApp Business. Si desea utilizar su número actual, deberá eliminar su cuenta de un servicio antes de usarla en otro.**</mark>*
{% endhint %}

### Paso 1: Haz clic en Crear bot.

* Para empezar, haz clic en el botón Crear bot y selecciona la opción Whatsapp.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FpTZWcj981rQLIcPpC4qn%2FScreenshot%202026-07-02%20at%2011.27.25%E2%80%AFAM.png?alt=media&amp;token=9be93a8e-36ad-48bd-8adb-9518c56b2815" alt=""><figcaption></figcaption></figure>

* Seleccione la plataforma.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLjuwVPGY1OayKWHkSRIg%2FScreenshot%202026-07-02%20at%2011.30.12%E2%80%AFAM.png?alt=media&amp;token=c0d2a61c-c645-4579-819d-546aabce0da2" alt=""><figcaption></figcaption></figure>

### Paso 2: Seleccione el caso de uso.

Para continuar, seleccione su caso de uso.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FxS3rl8Uvc7nUpa1CljyA%2FScreenshot%202026-07-02%20at%2011.31.21%E2%80%AFAM.png?alt=media&amp;token=2e4fb5e7-6f71-40db-93c2-7a13d77c8134" alt=""><figcaption></figcaption></figure>

### Paso 3: Completa el proceso de incorporación automatizada de WhatsApp.

#### 3.1 Registra tu bot en Demandu.

1. Inicia sesión en tu portal de Demandu y haz clic en el botón "*Crear bot*" en la esquina superior derecha.
2. Selecciona "*WhatsApp*" como plataforma en la siguiente página.
3. Elige la plataforma.
4. Proporciona la información requerida y sigue el proceso de creación del bot.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fp28CsLEwXDjVnwpZitI6%2FScreenshot%202026-07-02%20at%2011.43.54%E2%80%AFAM.png?alt=media&amp;token=f167370f-1943-4d55-b9fd-5b4a35037965" alt=""><figcaption></figcaption></figure>

5. Si has comprobado los [requisitos previos](#requisitos-previos), ya puedes empezar a usar el bot de la API de WhatsApp Cloud.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYvl24JUNFcgsgeQAB2fT%2FScreenshot%202026-07-02%20at%2011.37.42%E2%80%AFAM.png?alt=media&amp;token=d6b4b12a-56d1-43d2-b572-a366d96d403a" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Ten en cuenta que un mismo número de teléfono móvil sólo puede utilizarse en uno de los servicios de WhatsApp a la vez: WhatsApp, WhatsApp Business o la API de WhatsApp Business. Si desea utilizar su número actual, deberá eliminar su cuenta de un servicio antes de usarla en otro.**
{% endhint %}

6. Selecciona el botón de "*Continuar con Facebook*" para iniciar el proceso de conexión con tu cuenta de Meta Business Suite.&#x20;

{% hint style="danger" %}
Importante: Asegúrate de tiener las **ventanas emergentes activadas (Pop-Ups)** en tu navegador.&#x20;
{% endhint %}

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FJWzjfXURjb4NfDItQ6d9%2FScreenshot%202026-07-02%20at%2011.39.33%E2%80%AFAM.png?alt=media&amp;token=e19f9c1e-bf72-49c5-ba2e-8aa7d22c4667" alt=""><figcaption></figcaption></figure>

7. Se abrirá una nueva ventana emergente donde deberá completar el proceso de incorporación de Meta.
8. Una vez completada la configuración correctamente, tu bot se conectará a WhatsApp. Pero como último paso, debes actualizar tu método de pago.

### Paso 4: Actualizar el método de pago a WhatsApp.

En el Administrador comercial de Meta, actualiza el método de pago de tu cuenta de la API de WhatsApp Business Cloud para permitir un procesamiento de transacciones sin problemas.

#### 4.1 Acceder a la configuración de la cuenta de WhatsApp.

En el "*Administrador de Meta Negocios*", localice y haga clic en el botón "*Configuración de pago*" de su cuenta de WhatsApp.

#### 4.2 Ir a la página de Facturación y Pagos.

En la página "*Facturación y pagos*", haga clic en la opción "*Agregar método de pago*" para añadir un nuevo método de pago.

#### 4.3 Seleccionar tipo de método de pago.

Elija el tipo de método de pago que desea utilizar para su cuenta de WhatsApp.

Seleccione el tipo de método de pago.

#### 4.4 Introduzca los detalles del pago.

Introduce los datos de pago necesarios según el método de pago seleccionado.

Introducir datos de pago.

#### 4.5 Verificar el método de pago.

Una vez que haya introducido los datos de pago, proceda con el proceso de verificación.

#### 4.6 Actualizar la información comercial.

1. Tras la verificación, actualiza la información de tu empresa.
2. Has actualizado correctamente el método de pago en tu cuenta de WhatsApp.

¡***Enhorabuena***! Has creado con éxito el bot de *WhatsApp de Demandu* mediante la *API de WhatsApp Business Cloud* y lo has integrado en la plataforma Demandu. Tu bot de WhatsApp ya está listo para interactuar con los usuarios y ofrecer respuestas automáticas.

Tenga en cuenta que los pasos y requisitos específicos pueden variar según las actualizaciones y los cambios en las plataformas de la API de Demandu y WhatsApp Business Cloud. Si encuentra alguna dificultad durante el proceso o tiene alguna pregunta, consulte la documentación oficial de la API de Demandu y WhatsApp Business Cloud ó póngase en contacto con sus equipos de soporte para obtener ayuda.


# Tu Centro de Mando: Conecta Demandu con Meta.

Configurar tu oficina central en Meta es el "clic" inicial para que tu bot empiece a trabajar. Sigue esta hoja de ruta y estarás listo en un abrir y cerrar de ojos.

{% hint style="success" icon="hourglass-clock" %}

### *<mark style="color:green;">Tiempo estimado</mark><mark style="color:green;">**: 5**</mark> <mark style="color:green;"></mark><mark style="color:green;">- 7 minutos | Dificultad: Principiante.</mark>*

{% endhint %}

#### 📖 Diccionario Rápido.

* ***Business Manager***: Tu oficina central en Meta.
* ***API***: El puente que conecta tus mensajes.
* ***Token***: La llave secreta de seguridad para tu bot.

{% hint style="success" icon="circle-check" %}

#### *<mark style="color:green;">Configurar tu oficina central en Meta es la llave para que tu bot empiece a trabajar. Sigue estos pasos y estarás listo en un abrir y cerrar de ojos.</mark>*

{% endhint %}

### ⚙️ Paso 1: Tu Base de Operaciones (*Crear Business Manager*).

Para empezar, tendrás que crear tu Facebook Business Manager. Sigue estos pasos:

1. Abre tu navegador y dirígete al siguiente enlace:&#x20;

{% embed url="<https://www.facebook.com/business/tools/meta-business-suite?gad_source=1&gclid=CjwKCAjw8diwBhAbEiwA7i_sJSpVsVeXM7PKVm-5bmiMzLVLHxNVHt6wUqWmkSxt0SSCBaBorkn9DhoC8PwQAvD_BwE>" %}

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu**</mark><mark style="color:blue;">:</mark>*&#x20;

*<mark style="color:blue;">Ten a la mano tu identificación oficial; Meta la pedirá para verificar que tu negocio es real y seguro.</mark>*
{% endhint %}

### ⚙️ Paso 2: Configura tu Identidad (*Ajustes de Business Manager*).

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu:**</mark>*&#x20;

*<mark style="color:blue;">Asegúrate de que el nombre del negocio coincida exactamente con tus documentos oficiales para evitar rechazos de Meta.</mark>*
{% endhint %}

* Asegúrate de que todos los detalles comerciales coincidan con la información de tus documentos oficiales de registro.
* Vuelve a comprobar el nombre de tu empresa, dirección, información de contacto y cualquier otro detalle relevante.

**1. Rellena los Detalles del Negocio Correctamente:**

Es vital colocar un número de teléfono de empresa con capacidad de recibir SMS para la validación.

**2. Habilita la Autenticación de Dos Factores (2FA):**

Dirígete a "*Opciones comerciales*" en la sección Información comercial. Esta capa extra protege tu cuenta de accesos no autorizados.

**3. Envía tu negocio para verificación:**

Visita la sección "*Centro de Seguridad*" y sigue los pasos. Esto mejora la credibilidad de tu cuenta y evita bloqueos.

{% hint style="info" icon="lightbulb" %}
*<mark style="color:blue;">Es importante que al momento de colocar un número telefónico de tu empresa, sea un</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**número móvil con la capacidad de recibir mensajes de texto SMS**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">y que pueda comprobar por medio de un recibo o cualquier documento, que es un número a nombre de la empresa que está configurando.</mark>*&#x20;
{% endhint %}

### 🔗 Paso 3: Conectar y verificar la Página de Facebook.

1. Selecciona la sección "Páginas" de tu Business Manager.
2. Conecta la página que tu empresa ha estado usando. La verificación establece la autenticidad y desbloquea funciones pro.

### 🛡️ Paso 4: Verificación de Dominio.

En la sección "Seguridad de la marca" > "Dominios":

* Añade y verifica tus dominios para una experiencia de marca segura y consistente. Este paso te da el control total sobre tu presencia en línea.

### 🔥 Tu Checklist de Poder.

* *Mantén siempre los detalles de tu negocio precisos y actualizados.*
* *Revisa y mantén regularmente tu configuración de seguridad.*
* *Interactúa con tu página de Facebook y utiliza las herramientas disponibles para mejorar la presencia de tu negocio*.

**¡*****Listo!*** Tu *Business Manager* ya tiene el motor encendido. Ahora vamos a lo divertido: ¡***conectar tu bot***!

{% hint style="danger" icon="user-question" %}

### [*<mark style="color:red;background-color:red;">¿Te quedaste trabado en un paso?</mark>*  ](#user-content-fn-1)[^1] &#x20;

### *<mark style="color:green;">**No te preocupes, haz clic en el globo de chat de la derecha y nuestro equipo te rescatará en minutos.**</mark>*

{% endhint %}

{% hint style="warning" %} <mark style="color:yellow;">**CLÁUSULA DE RESPONSABILIDAD**</mark>

<mark style="color:yellow;">Tenga en cuenta que algunas o todas las partes de este documento provienen de la documentación oficial de Meta. Se puede acceder al contenido original directamente desde la Meta documentación oficial disponible en:</mark> <https://developers.facebook.com/docs/development/create-an-app/>
{% endhint %}

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu:**</mark>*&#x20;

*<mark style="color:blue;">Ya que tengas listo tu bot, para</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**CREAR**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">ó</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**EDITAR**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">tus</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**FLUJOS**</mark><mark style="color:blue;">, revisa la esta sección</mark>* ⬇️.
{% endhint %}

{% content-ref url="/pages/cYq33siZyDHdpzt1YNWQ" %}
[Edita tu Flujo de Chat](/crea-tu-primer-bot./crea-tu-chatbot-de-telegram/edita-tu-flujo-de-chat)
{% endcontent-ref %}

[^1]:


# Migración de WhatsApp: Trae tu cuenta a Demandu

Traer tu número de otra plataforma a **Demandu** es la mejor forma de escalar tu comunicación sin perder tu identidad. Sigue esta guía paso a paso.

### 📋 ***Check Pre-Migración:***

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu**</mark>*<mark style="color:blue;">:</mark>&#x20;

<mark style="color:blue;">Asegúrate de que el número</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**NO**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">tenga una cuenta de WhatsApp activa en un celular ahora mismo.</mark>
{% endhint %}

{% hint style="success" %}

## <mark style="color:green;">Puedes migrar</mark>

* <mark style="color:green;">Plantillas de mensajes aprobadas.</mark>&#x20;
* <mark style="color:green;">Catálogos de productos.</mark>
* <mark style="color:green;">Formularios de WhatsApp.</mark>
* <mark style="color:green;">Tu marca azul y nombre verificado.</mark>
  {% endhint %}

{% hint style="info" icon="triangle-exclamation" %} <mark style="color:blue;background-color:blue;">**Deberás configurar de nuevo**</mark>

* <mark style="color:blue;">Campañas y transmisiones pasadas</mark>
* <mark style="color:blue;">Flujos de chat (debes recrearlos en Demandu).</mark>
* <mark style="color:blue;">Historial de conversaciones de la otra plataforma</mark>
  {% endhint %}

### 🔓 **Paso 1: Desbloqueo en Meta (***Liberar el número en Meta*).

Primero, debemos avisarle a Meta que tu número está listo para unirse a *Demandu*.

1. Entra e Inicia sesión en tu ***Meta Business Suite***.&#x20;

<https://business.facebook.com/>

2. Ve a ***Cuentas > Cuentas de WhatsApp > Administrador de WhatsApp*** .&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNsh25GmrlnCDsURGsPSz%2F3.1.jpeg?alt=media&amp;token=13588bc6-c53a-45da-9c0e-b0e3cd4fb63b" alt=""><figcaption></figcaption></figure>

3. En ***Herramientas de la cuenta***, elige ***Números de teléfono***, haz clic en el ***engranaje*** en la *esquina derecha* del renglón donde está tu número.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FtMzoPSxWePMjoeMsPnNu%2FWhatsApp%20Image%202026-05-13%20at%2017.05.05.jpeg?alt=media&amp;token=ea37f270-5e0e-4eaf-b2f2-a5d9318573b4" alt=""><figcaption></figcaption></figure>

4. *<mark style="color:red;">**IMPORTANTE**</mark>*: Haz clic en ***Desactivar la verificación en dos pasos***. Recibirás un código por correo; úsalo para *confirmar*.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FMsxZjyHWuKB7i8ttRFPt%2F1.6.jpeg?alt=media&amp;token=7c3e40d2-e2b2-4dc7-b2a8-362ac30199fb" alt=""><figcaption></figcaption></figure>

### 🤖 **Paso 2: ¡Hola, Demandu! (***Vincular número***)**

Ahora que el número está libre, es momento de darle superpoderes en nuestro panel.

1. Ve a tu panel de *Demandu* y haz clic en el botón azul "***Crear nuevo bot***" (*arriba a la derecha*).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FPkiRLryhuJNCaWlEWjCo%2F2.1.jpeg?alt=media&amp;token=2a124efb-a9b1-4c9e-a050-ca57d158f6d7" alt=""><figcaption></figcaption></figure>

2. Selecciona la opción ***WhatsApp*** como la plataforma que usaremos.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FMUSs4fFIMtoT9mRSOHtt%2F2.2.jpeg?alt=media&amp;token=7a4544cd-c980-4793-bee7-6522783d8aeb" alt=""><figcaption></figcaption></figure>

3. Selecciona el Objetivo del Negocio del Bot (*Generación de Leads, Atención al cliente, Reserva de citas, Automatización de Marketing, Comercio Electrónico u Otro chatbot \[otro servicio]*).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F30X9Mqm1bAisFmWhYvwb%2F2.3.jpeg?alt=media&amp;token=4a58e4e4-67ae-4360-ad95-b554dcf88f30" alt=""><figcaption></figcaption></figure>

4. Llena la información que se solicita de tu negocio (Nombre, correo, teléfono asociado con Meta, una breve descripción de tu negocio, cantidad de personal, localización del país del negocio, industria/giro), cuando finalices presiona "***Crear bot de Whatsapp***".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FOdUtWBliRn5UUY3u7Bgl%2F2.4.jpeg?alt=media&amp;token=fe5a06f1-143a-4003-a759-16de51f09eab" alt=""><figcaption></figcaption></figure>

5. ### Felicidades ***¡Tu primer Bot se ha creado correctamente!***

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiCrRVX6GxHH6zuzz4HeL%2F2.5.jpeg?alt=media&amp;token=9a38f62e-f8d7-4d6b-8f86-db1f09daac51" alt=""><figcaption></figcaption></figure>

### 🔗 **Paso 3: Conexión Meta-Sync** (*Vinculación con Meta*)

Al hacer clic en *Conectar con tu número*, se abrirá el asistente de Facebook, usa el asistente de Facebook para cerrar el trato.

1. Haz clic en "***Conectar con tu Número de Whatssapp***".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FUNkr3jaI73N1y8clYfV3%2F2.6.jpeg?alt=media&amp;token=7b852aab-6454-4f4c-881e-c1c75ebd89c7" alt=""><figcaption></figcaption></figure>

{% hint style="warning" icon="triangle-exclamation" %}
*<mark style="color:yellow;">**Asegúrate de NO bloquear las ventanas emergentes de tu navegador.**</mark>*<mark style="color:yellow;">**&#x20;**</mark><mark style="color:yellow;">**En caso de que haya pasado, mejor habilítala.**</mark>&#x20;
{% endhint %}

2. Selecciona "***Privacidad y seguridad***" y posteriormente "***Los sitios pueden enviar vetanas emergenes y utilizar redirecciones***".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkWZ7ohQOxb03ijllFrTH%2FCaptura%20de%20pantalla%202025-01-30%20a%20las%201.26.10%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=e8074fb1-7070-4033-86c1-d21e5bbbb555" alt=""><figcaption><p>Habilitar Ventas Emergentes</p></figcaption></figure>

3. *Meta* está conectando tu *Whatssapp* con ***Demandu.***

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fp9hlaVay8TPdpSu0Zkrh%2F3.8.jpeg?alt=media&amp;token=7487655a-f0d7-4c23-b445-afada1c19d98" alt=""><figcaption></figcaption></figure>

4. Ahora de Click en ***"Comenzar /*** ***Empezar"*** para continuar con el proceso de conexión de cuenta con Demandu.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FfqjWM2z0YaHvHistmHgd%2F3.13.jpeg?alt=media&amp;token=012405bc-c1e4-4c21-a5c3-579b220e1ead" alt=""><figcaption></figcaption></figure>

5. Luego ingrese el ***nombre de una empresa***, un sitio web o un enlace de perfil y seleccione un país. Luego haga clic en "*Siguiente*".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNKG2LBwp3KHiorAIMO3t%2F3.5.jpeg?alt=media&amp;token=964f6599-ee9b-42c9-a2f6-1520f371b04f" alt=""><figcaption></figcaption></figure>

6. Configura el ***Nombre de la cuenta*** y el ***Nombre para mostrar*** (*el que verán tus clientes*).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNFHzYWyOaSYUJT40nrAq%2F2.12.jpeg?alt=media&amp;token=a1506ad5-08d7-4c09-8264-c8859d736036" alt=""><figcaption></figcaption></figure>

7. Es necesario que agregues tu ***número de celular*** y selecciones cómo quieres verificarlo con *Meta (SMS o Llamada).*&#x20;

{% hint style="info" icon="lightbulb" %}
*<mark style="color:blue;">Aquí es donde Meta reconoce que el número ya existia y lo migra internamente a</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Demandu.**</mark>*
{% endhint %}

&#x20;                                         ![](https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FuBeqF6eu8uOJYrVPpkUe%2F3.11.jpeg?alt=media\&token=d8234c73-4713-447f-85d3-5c64206ea653)<br>

8. *<mark style="color:$tint;">Meta</mark>* <mark style="color:$tint;"></mark><mark style="color:$tint;">te pedirá el</mark> <mark style="color:$tint;"></mark>*<mark style="color:$tint;">**código de verificación**</mark>* <mark style="color:$tint;"></mark><mark style="color:$tint;">(</mark><mark style="color:$tint;">**OTP**</mark><mark style="color:$tint;">) de 6 dígitos.</mark>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FR6tzwDTFr06p1FvR04mt%2F3.12.jpeg?alt=media&amp;token=01600551-6695-4da7-8ed6-f53871599716" alt=""><figcaption></figcaption></figure>

9. Ahora, en el menú desplegable para seleccionar una cuenta comercial de WA, elija "*Crear una cuenta comercial de WhatsApp*" y también seleccione "*Crear un nuevo perfil comercial de WhatsApp*". Y haga clic en "*Siguiente*".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F51OWUgZpY106N8iUi9jH%2F3.9.jpeg?alt=media&amp;token=a2c8b310-0b0e-49e8-96e1-ecc0bcbd56b6" alt=""><figcaption></figcaption></figure>

### **Paso 4: Configuración de Pago y Activación**.

Para que tus mensajes fluyan sin interrupciones, *Meta* requiere un método de pago activo.

1. En la sección de **Facturación** **y pagos** en *Meta, haz clic en "**Agregar método de pago**".*
2. Regresa al flujo de configuración e ingresa el ***código OTP*** que recibirás en tu número de teléfono.

{% hint style="warning" icon="triangle-exclamation" %}
*<mark style="color:$warning;">Si la OTP ha caducado y no se recibe una nueva OTP, espere 72 horas antes de solicitar una nueva OTP.</mark>*
{% endhint %}

3. ¡Haz clic en ***Finalizar*** y listo! Tu bot ha migrado a *Demandu*.&#x20;

{% hint style="warning" icon="pause" %} <mark style="color:$warning;">S</mark>*<mark style="color:$warning;">i todo está correcto y aún no logras avanzar, escríbenos a</mark>* [*<mark style="color:$warning;">**soporte**</mark>*](https://www.demandu.tech)*<mark style="color:$warning;">, estamos para ayudarte.</mark>*
{% endhint %}

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FKewyNqCBTX1Ru0MuYEMw%2F2.16.jpeg?alt=media&amp;token=fa695292-3981-4558-af21-99a2cd444a84" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FaukldIbDmgB0aJL00OaX%2F2.17.jpeg?alt=media&amp;token=c0624e3d-82e6-4635-8f14-53ed4674ec22" alt=""><figcaption></figcaption></figure>


# Guía Esencial: ¿Cómo funcionan los Precios de Meta para WhatsApp Cloud API?.

¡Entender la estructura de cobros de Meta es más fácil de lo que parece! Si estás conectando tus sistemas directamente a la WhatsApp Cloud API oficial, aquí te explicamos sin rodeos cómo se calculan.

{% hint style="danger" %} <mark style="color:red;">**AVISO DE RESPONSABILIDAD:**</mark>

*<mark style="color:red;">La información proporcionada en este documento de ayuda se basa en la documentación oficial de Meta (anteriormente Facebook) disponible en el siguiente enlace:</mark>* [*<mark style="color:red;">https://business.whatsapp.com/products/platform-pricing</mark>*](https://business.whatsapp.com/products/platform-pricing)

*<mark style="color:red;">Tenga en cuenta que el contenido presentado aquí puede estar sujeto a cambios con el tiempo, según las actualizaciones o revisiones realizadas por Meta. Nos esforzamos por mantener este documento preciso y actualizado, pero recomendamos consultar la documentación oficial para obtener la información más actualizada y fiable.</mark>*
{% endhint %}

## 💬 ¿Qué son las Conversaciones en WhatsApp?.

En el modelo de la API de WhatsApp, la comunicación se mide a través de Conversaciones.

Una conversación es un hilo o sesión de mensajes de *24 horas* entre tu negocio y un cliente. Esta ventana inicia en el segundo exacto en que se entrega el primer mensaje. Durante este periodo de 24 horas, puedes intercambiar una cantidad ilimitada de mensajes de ida y vuelta con ese usuario sin costos adicionales por mensaje individual.

Los tipos de mensajes que envíes determinarán la categoría de la conversación, lo cual explicamos detalladamente a continuación.

## 💰 Precios de Meta y Categorías.

Las tarifas de Meta varían según el país o región (*código de área del cliente*) y la categoría del mensaje que se entrega. Meta divide los cobros en 4 categorías principales:

### 1. 📣🛠️🔐 Conversaciones de Marketing, Utilidad y Autenticación .

Estas conversaciones se abren estrictamente cuando envías una plantilla *pre-aprobada* por Meta (*Template*) y no existe una sesión activa previa de esa misma categoría con el usuario:

* *Marketing*: Mensajes promocionales, ofertas, anuncios comerciales o recordatorios de carritos abandonados. Son las tarifas más altas de la plataforma.
* *Utilidad (Utility)*: Mensajes relacionados con transacciones financieras, confirmaciones de pedidos, estados de envío o alertas de citas.
* *Autenticación*: Códigos de verificación de seguridad o contraseñas de un solo uso (*OTP*).

### 2. 🤝 Conversaciones de Servicio (*Service*).

Estas se abren cuando respondes a un cliente utilizando mensajes de texto libre (*sin plantillas*) dentro de una ventana de servicio. ¡*Y la gran noticia es que las conversaciones de servicio iniciadas por tus usuarios son completamente gratuitas e ilimitadas*!

### ⏱️ Ventanas de Servicio al Cliente.

Cuando un usuario te envía un mensaje, se activa automáticamente una ventana de servicio al cliente de **24 horas.**

* Durante este tiempo, puedes chatear de forma libre con formatos personalizados.
* ¡*Ahorro inteligente*! Las plantillas de *Utilidad* que envíes mientras esta ventana de servicio esté abierta son totalmente **gratis**.
* Si dejas pasar las 24 horas sin interactuar, la ventana se cerrará. Para volver a contactar al usuario, deberás enviar una plantilla pre-aprobada (abriendo una nueva conversación tarifada).

### 🎁 Puntos de Entrada Gratuitos (*Free Entry Points*).

Meta te regala conversaciones extendidas cuando los clientes te encuentran a través de sus canales publicitarios:

* Si un usuario inicia el chat desde un anuncio de Facebook o Instagram (*Click to WhatsApp*) o desde el botón de acción de una Fan Page, la conversación es 100% gratuita.
* En este caso, Meta expande la ventana libre a 72 horas (*3 días enteros*) para que puedas conversar y enviar cualquier plantilla sin cargos extras.

Consulta las tarjetas de tarifas adjuntas para obtener información detallada sobre los precios aplicables a partir del 1 de junio de 2023.

{% embed url="<https://business.whatsapp.com/products/platform-pricing>" %}

### 🔑 Apertura de Conversaciones.

Las conversaciones en la WhatsApp Cloud API no se abren al azar. Meta establece que una sesión se inicia únicamente bajo estas dos condiciones:

1. *Conversaciones de Marketing, Utilidad y Autenticación*: Se abren en el momento en que envías un mensaje usando una plantilla pre-aprobada y no tienes otra conversación activa de esa misma categoría con el usuario.
2. *Conversaciones de Servicio*: Se abren en el instante en que envías un mensaje de forma libre (*texto manual*) para responder a un cliente, siempre y cuando no haya ninguna conversación abierta de otra categoría en ese momento.

{% hint style="info" icon="lightbulb" %}
*<mark style="color:blue;">Ten en cuenta lo siguiente: Las conversaciones de marketing, utilidad y autenticación requieren</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**mensajes de plantilla**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">para abrir la conversaciones, mientras que los mensajes de servicio utilizan mensajes de</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**forma libre**</mark>*.
{% endhint %}

### ⏳ Duración de las Conversaciones y Ventanas de Servicio.

El tiempo de vida de cada sesión y cómo interactúas dentro de ella varía según el caso:

* *Conversaciones estándar* **(24 horas)**: Las sesiones de *Marketing, Utilidad, Autenticación y Servicio* tienen una duración fija de **24 horas**. Durante este tiempo, tu negocio puede chatear libremente para resolver dudas.
* ¡*Ahorro inteligente*! Las plantillas de *Utilidad* que envíes mientras una ventana de servicio de **24 horas** esté abierta son totalmente gratis.
* *El cierre del chat*: Si dejas pasar las 24 horas sin interactuar, la ventana se cerrará. Para volver a contactar al usuario, deberás abrir una nueva conversación pagada enviando una plantilla pre-aprobada. Para saber ¿*cómo se hace una plantilla*? da clic [aquí](/crea-tu-primer-bot./chatbot-de-whatsapp./plantilla-de-mensajes-para-whatsapp)📍

### 🔄 Múltiples Conversaciones (Conversaciones Simultáneas).

¿*Es posible tener más de una conversación cobrándose al mismo tiempo con el mismo usuario*? ¡**Sí**! Meta permite la convivencia de múltiples sesiones en los siguientes escenarios:

* *Diferentes plantillas en el mismo día*: Si envías mensajes de plantillas de *categorías distintas* (*por ejemplo, una de Marketing y luego una de Utilidad*) dentro de un plazo de 24 horas.
* *Plantilla dentro de un chat de servicio*: Si envías un mensaje de plantilla en un periodo de 24 horas mientras ya existía una conversación de *Servicio* abierta con ese cliente.

### 🎁 Conversaciones de Nivel Gratuito (*Free Tier*).

Meta premia la interacción con tu comunidad *regalándote saldo mensual*:

* Cada cuenta de WhatsApp Business recibe un paquete de conversaciones de servicio totalmente gratuitas cada mes en todos los números de teléfono registrados en tu empresa.

{% hint style="info" icon="lightbulb" %}
*<mark style="color:blue;">**Nota importante**</mark><mark style="color:blue;">:</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">Las conversaciones de las categorías de</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">Marketing, Utilidad y Autenticación</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">no entran en este paquete gratuito; esas siempre se facturan desde el primer mensaje.</mark>
{% endhint %}

### 🎯 Puntos de Entrada Gratuitos (*Free Entry Points*).

Esta es una de las mejores herramientas para ahorrar si haces publicidad en los canales de Meta:

* Se abre una conversación gratuita cuando un cliente llega a tu chat a través de un anuncio de *Clic to WhatsApp* (en *Facebook ó* *Instagram*) o mediante el botón de acción de una *Fan Page de Facebook*, y tú le respondes en un plazo de **24 horas.**
* En este caso, Meta extiende la ventana libre a **72 horas** (*3 días enteros*). Durante este periodo, puedes conversar y enviar cualquier plantilla de forma ilimitada sin cargos extras, ya que esta sesión especial cierra automáticamente cualquier otra conversación abierta que tuvieras con ese cliente.


# Actualizar el perfil del Bot de WhatsApp.

Esta página contiene la información sobre el proceso para actualizar tu perfil de WhatsApp para Bot. 🤖✨

Para actualizar tu perfil de WhatsApp, sigue los siguientes pasos.

### 🔑 Paso 1: Acceder a Meta Business Manager (Suite).

1. 💻 Abre tu navegador web y navega hasta Meta Business Suite.&#x20;
2. 🔐 Inicia sesión en tu cuenta de Meta Business Suite con tus credenciales.&#x20;

### 🏢 Paso 2: Localizar y acceder a la configuración de la empresa.

1. 💼 En Meta Business Suite, encuentra el menú desplegable de la parte superior izquierda que muestra el nombre de tu cuenta comercial.&#x20;
2. ⚙️ Haz clic en el ícono Configuración (*engranaje*) junto al nombre de tu cuenta comercial.&#x20;

### 🧭 Paso 3: Navegar a la configuración de la empresa.

1. 📜 Después de hacer clic en el ícono Configuración (*engranaje*), aparecerá un menú desplegable.&#x20;
2. 📋 Haz clic en "*Configuración de la empresa*" en el menú desplegable.&#x20;

### 💼 Paso 4: Acceder al Administrador de WhatsApp.

¡Aquí es donde se gestiona la magia de tus chats! Sigue esta ruta dentro de la configuración de la empresa:

1. 📲 En la sección *Configuración de negocios,* localiza y haz clic en "*Cuenta de WhatsApp*" en la pestaña "*Cuentas*" de la barra lateral.&#x20;
2. 🛠️ Selecciona tu cuenta de WhatsApp y haz clic en la pestaña "*Configuración*" para encontrar el Administrador de WhatsApp.&#x20;
3. 🎯 Abrir el Administrador de WhatsApp.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FH4r5CZLY3Ad0Puxuw44L%2FUnknown.jpeg?alt=media&amp;token=d9a60e25-13ac-4bae-8b7f-fe535c577179" alt=""><figcaption></figcaption></figure>

### ✍️ Paso 5: Actualiza tu perfil de WhatsApp y guarda

1. 📑 De forma predeterminada, te llevará a la página de perfil.&#x20;
2. 💾 Puedes actualizar tu perfil aquí y hacer clic en el botón "*Guardar*" en la esquina superior derecha.&#x20;
3. 🔍 También puedes abrir esta página desde la configuración del número de teléfono.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FtA9wVNM8rNW7YpCUgTR5%2FUnknown.jpeg?alt=media&amp;token=bccbe8d7-4921-473a-ab0e-79bbd32b6304" alt=""><figcaption></figcaption></figure>

### 🎉 ¡Felicidades!

🥳🎒 ¡Has actualizado con éxito tu perfil de WhatsApp Bot. Alternativamente, también puedes hacer lo mismo desde el panel de control de automatización.&#x20;

{% hint style="info" icon="comment-question" %}
👩‍💻👨‍💻 *<mark style="color:blue;">Si tiene algún problema o necesita más ayuda durante el proceso de solicitud, no dude en ponerse en contacto con nuestro equipo de soporte para obtener ayuda. ¡Lo resolvemos juntos! en</mark>* [*<mark style="color:blue;">**demandu.**</mark>*](https://app.demandu.tech)
{% endhint %}


# Creación de bots de WhatsApp con incorporación manual (Desarrolladores)


# ¿Cómo crear una Meta App?.

Esta página contiene la información clave sobre cómo crear tu propia aplicación en Meta para comenzar a automatizar tus flujos. ¡Sigue estos sencillos pasos y lo tendrás listo en minutos! 🤖✨

{% hint style="danger" %} <mark style="color:red;">**CLÁUSULA DE RESPONSABILIDAD**</mark>

> *Tenga en cuenta que algunas o todas las partes de este documento se han obtenido de la documentación oficial de Meta. Se puede acceder al contenido original directamente desde la documentación oficial de Meta disponible en el portal de desarrolladores.* 📋
> {% endhint %}

{% embed url="<https://developers.facebook.com/docs/development/create-an-app/>" %}

### 🏁 Antes de empezar, asegúrate de esto:

* 💻 Debes iniciar sesión en tu [cuenta de desarrollador de Facebook](https://developers.facebook.com/docs/development/register).
* 🛑 Asegúrate de no haber excedido el límite de tu aplicación. Como desarrollador, se te permite tener un rol de desarrollador o administrador en un máximo de 15 aplicaciones. Si has alcanzado el límite de la aplicación y no te permite crear una aplicación o aceptar un nuevo rol de aplicación pendiente, tendrás que dar de baja alguna que ya no uses.
* Visita tu página [Mis aplicaciones ](https://developers.facebook.com/apps/)para eliminar cualquier aplicación que ya no uses. Puedes [eliminar ](https://developers.facebook.com/docs/development/create-an-app/app-dashboard/app-states/#removing-apps)una aplicación por completo o renunciar a tu función como administrador o desarrollador de la aplicación.

👇  Una vez que estés listo, ¡sigue estos pasos!&#x20;

### ➕ Paso 1: Crear primera aplicación.

🛠️ Para comenzar con toda la energía, ve al panel de *Mis Aplicaciones* dentro del portal y haz clic en el botón "*Crear aplicación*".&#x20;

### 🎯 Paso 2: Elige un caso de uso.

Meta te preguntará qué tipo de funciones necesitas para tu proyecto:

1. 🔘 Selecciona el caso de uso llamado "**Otro**" (*este es el ideal para configuraciones avanzadas*).&#x20;
2. ➡️ Haz clic en *Siguiente* para avanzar.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FdG7JQfLqOIGEQNW8GAGV%2FScreenshot%202024-04-10%20at%2018.26.18.png?alt=media&amp;token=abe130c0-4d9d-41df-8067-1caedd587b34" alt=""><figcaption><p>Elija el caso de uso de la aplicación</p></figcaption></figure>

### 💼 Paso 3: Elige un tipo de aplicación

Elija el tipo de aplicación según su caso de uso:

1. 🏢 En la mayoría de los casos de automatización y mensajería profesional, la opción ideal es "*Business*" (*Negocios*).&#x20;
2. 🚀 Elija el caso de uso de la aplicación y dale clic a *Siguiente*.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FmCgmIIcdKl0WwaTgNOmv%2FScreenshot%202024-04-10%20at%2018.26.31.png?alt=media&amp;token=aab57180-2bf2-4bfe-b7d9-e0b75b06b578" alt=""><figcaption><p>Elija el caso de uso de la aplicación</p></figcaption></figure>

### 📝 Paso 4: Establece el nombre y el correo electrónico de tu aplicación

¡Dale una identidad a tu app!

1. 🏷️ Introduce el nombre de tu aplicación (*elige uno que reconozcas fácilmente en tu panel*).&#x20;
2. 📧 Escribe una dirección de correo electrónico válido donde Meta pueda enviarte cualquier notificación importante sobre el estado de tu app.&#x20;
3. 📊 Así es como se verá tu panel de control una vez completado el proceso.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FejaKRnc6sIiqMuhlTBvd%2FScreenshot%202024-04-10%20at%2018.29.47.png?alt=media&amp;token=75ba973e-98b6-4eec-b370-949bdb7af658" alt=""><figcaption><p>Panel de control de la aplicación Meta</p></figcaption></figure>

### 🎉 ¡Tu App de Meta está creada!

### 🥳🎒 ¡***Felicidades***! Ya tienes tu aplicación de Meta completamente activo y listo para el siguiente gran paso.&#x20;


# Registra y verifica tu número de WhatsApp.

Esta página contiene información súper útil sobre cómo registrar y verificar tu número de WhatsApp en Meta. 📲✨

🚀 Este documento te guiará a través del paso a paso para agregar y verificar tu número de WhatsApp directamente en el panel de control de desarrolladores de Meta. Seguir estas instrucciones al pie de la letra te permitirá utilizar los servicios de WhatsApp en tu aplicación o negocio. ¡Vamos a darle!&#x20;

### **Paso 1: Acceder al panel de control del desarrollador.**

* 🌐 Abre tu navegador web y ve al panel de control de desarrolladores de Meta.&#x20;
* 🔐 Inicia sesión en tu cuenta de desarrollador con las credenciales apropiadas.&#x20;

### **Paso 2: Añadir producto de WhatsApp.**

* 📊 Una vez que hayas iniciado sesión, localiza la barra lateral en el panel de control.&#x20;
* 🛍️ Haz clic en la opción "*Añadir producto*".&#x20;

### **Paso 3: Configurar El Producto De WhatsApp.**

* 💬 En la lista de productos disponibles, busca y selecciona "*WhatsApp*".&#x20;
* ⚙️ Haz clic en el botón "*Configurar*" asociado al producto de WhatsApp.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGttWl7GiHol5XziA1DLQ%2FScreenshot%202024-04-10%20at%2018.44.22.png?alt=media&amp;token=a8e18671-e54a-4164-a3b4-8661c6b4d8a7" alt=""><figcaption><p>Configurar el producto de WhatsApp</p></figcaption></figure>

### 🧭 Paso 4: Navegar a la configuración de la API.

1. ⚙️ En la barra lateral, busca y haz clic en la opción "*Configuración de la API*" dentro de la sección "*WhatsApp*".&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fp4pyA12yZ09NSQNkGlBJ%2FScreenshot%202024-04-10%20at%2018.48.44.png?alt=media&amp;token=28a9a402-e074-4d56-b9bb-607819395511" alt=""><figcaption><p>Configuración de la API de WhatsApp</p></figcaption></figure>

### 📞 Paso 5: Agregar número de teléfono.

1. ➕ Busca la opción para añadir un número de teléfono y haz clic en ella.&#x20;
2. 📱 Elige el código de tu país y escribe tu número de teléfono.&#x20;
3. ➡️ Sigue las instrucciones en pantalla para continuar con el proceso.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fzi0w6IiIiDfDmXVxmTmj%2FScreenshot%202024-04-10%20at%2019.18.06.png?alt=media&amp;token=4e029334-44e6-4fda-9502-98abb31133f9" alt=""><figcaption><p>Añadir número de WhatsApp</p></figcaption></figure>

### 👤 Paso 6: Crea tu perfil de WhatsApp.

1. 📄 En la siguiente pantalla, se te pedirá que crees tu perfil de WhatsApp.&#x20;
2. Rellena los detalles requeridos con la info de tu marca:
   * 🏷️ Nombre para mostrar (*el perfil comercial de WhatsApp*).&#x20;
   * ⏰ Zona horaria.&#x20;
   * 🏢 Categoría.&#x20;
   * 📝 Descripción del negocio.&#x20;
3. ➡️ Después de proporcionar los detalles, haz clic en el botón "*Siguiente*".&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F2rkJfCZOlWJxyDPjFXOo%2FScreenshot%202024-04-10%20at%2019.20.18.png?alt=media&amp;token=40255df8-0d1e-4a2b-a368-eb93784ec71b" alt=""><figcaption><p>Crea tu perfil de WhatsApp</p></figcaption></figure>

### 🎯 Paso 7: Solicitar código de verificación.

1. 📱 En la siguiente pantalla, introduce el número de móvil que deseas verificar.&#x20;
2. ✉️ Solicita un código de verificación haciendo clic en el botón correspondiente.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwHgNGkabEzXm3sYLMT3J%2FScreenshot%202024-04-10%20at%2019.21.59.png?alt=media&amp;token=7c7e36e6-d54a-40d2-a587-b32987d54a7e" alt=""><figcaption><p>Solicitud de código de verificación</p></figcaption></figure>

### 🔢 Paso 8: Verifica el número.

1. 📥 Al recibir el código de verificación en tu teléfono, insértalo en la pantalla proporcionada.&#x20;
2. 🎯 Haz clic en el botón "*Verificar*" para continuar.&#x20;

### 🎉 Paso 9: Verificación y adición de números.

🥳🎈 ¡Felicidades! Una vez que hayas verificado con éxito el código, tu número de WhatsApp ahora se verificará y se agregará a tu panel de control de desarrolladores de Meta. Ahora puedes usar este número para los servicios de WhatsApp dentro de tu aplicación o negocio.&#x20;

{% hint style="info" icon="comment-question" %} <mark style="color:blue;">👩‍💻👨‍💻</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">**Un consejo de Pro**</mark><mark style="color:blue;">: Ten en cuenta que el proceso de agregar y verificar el número de WhatsApp puede cambiar en función de cualquier actualización o cambio en el panel de control de Meta Developer. Si encuentras alguna dificultad o problema durante el proceso, consulta la documentación oficial de Meta o ponte en contacto con</mark>* [*<mark style="color:blue;">**soporte**</mark>*](https://www.demandu.tech) *<mark style="color:blue;">para obtener más ayuda. ¡Estamos para apoyarte!</mark>*&#x20;
{% endhint %}


# Actualiza tu método de pago en tu cuenta de WhatsApp.

📲💸 Esta página contiene la información sobre cómo puedes asignar el método de pago a cualquier cuenta de WhatsApp.

🚀 Este documento te guiará a través del paso a paso para actualizar tu método de pago utilizando el panel de control de Meta Developer. Siguiendo estas instrucciones, podrás configurar o modificar tu método de pago para los servicios de WhatsApp sin líos. ¡Vamos a dejarlo listo!&#x20;

### 💻 Paso 1: Acceder al panel de control del desarrollador.

1. 🌐 Abre tu navegador web y ve al panel de control de desarrolladores de Meta.&#x20;
2. 🔐 Inicia sesión en tu cuenta de desarrollador con tus credenciales.&#x20;

### 🧭 Paso 2: Navegar a la configuración de la API de WhatsApp.

1. 📊 Una vez que hayas iniciado sesión, localiza la barra lateral en el panel de control.&#x20;
2. ⚙️ Haz clic en la opción "*Configuración de la API*" dentro de la sección "*WhatsApp*".&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqK74cYl88StRa8qsQL9r%2FScreenshot%202024-04-16%20at%2014.10.21.png?alt=media&amp;token=0f4e53b4-340d-4988-9c08-808c60153146" alt=""><figcaption></figcaption></figure>

### ➕ Paso 3: Añadir método de pago.

1. 📑 En la página de configuración de la API de WhatsApp, ve a la sección inferior.&#x20;
2. 💳 Busca la opción y haz clic en "*Añadir método de pago*".&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FupTgDZacer7hr4AdnzKy%2FScreenshot%202024-04-16%20at%2014.12.07.png?alt=media&amp;token=5a1ffda4-4758-41b2-adad-e1491df0be8e" alt=""><figcaption><p>Añadir método de pago</p></figcaption></figure>

### 🏢 Paso 4: Acceder a la configuración de la cuenta de WhatsApp.

1. 🔄 Al hacer clic en el botón "*Añadir método de pago*", el sistema te redirigirá a la página de configuración de la cuenta de WhatsApp en tu panel comercial de Meta Business Manager.&#x20;
2. ⚙️ Una vez ahí, localiza y haz clic en el botón "*Configuración de pago*".&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FoF2ZBsAZU4UBfhAaL6nw%2FUnknown-1.jpeg?alt=media&amp;token=cd81c6da-a0b9-42e1-af4f-7c12df33af13" alt=""><figcaption></figcaption></figure>

### 📄 Paso 5: Vaya a la página de facturación y pagos.

1. 📊 En la barra lateral izquierda, busca la sección "*Facturación y pagos*".&#x20;
2. &#x20;💳 Haz clic en la opción para añadir tu método de pago principal.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F1jRcgmdFp2AXu7lyHfTR%2FUnknown.jpeg?alt=media&amp;token=d5dbe618-b04e-40a2-98bb-efcaa2d34d3e" alt=""><figcaption></figcaption></figure>

### 💵 Paso 6: Introduzca los detalles del pago.

1. ✍️ Introduce los datos de pago necesarios basados en el método que hayas seleccionado (tarjeta de crédito, débito, etc.).&#x20;

### 🎯 Paso 7: Verificar el método de pago.

1. &#x20;🔐 Una vez que hayas introducido los detalles de pago, continúa con el proceso de verificación en pantalla.

### 💼 Paso 8: Actualizar la información comercial.

1. 🏢 Después de la verificación exitosa, realiza las actualizaciones necesarias en la información comercial de tu negocio si el sistema te lo solicita.&#x20;

### 🎉 ¡Todo listo y configurado!.

¡***Felicidades***! Has actualizado con éxito el método de pago en tu cuenta de WhatsApp utilizando el panel de control de desarrolladores de Meta. Tu nuevo método de pago ya está configurado para tus servicios de WhatsApp. 🥳🎈

{% hint style="info" icon="comment-question" %} <mark style="color:blue;">👩‍💻👨‍💻</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">Asegúrate de mantener tus datos de pago siempre vigentes y actualizados para evitar cualquier pausa en tus flujos. Si tienes alguna dificultad durante el proceso o quieres saber más sobre los métodos de pago en WhatsApp, consulta la documentación oficial de Meta o ponte en contacto con</mark>* [*<mark style="color:blue;">**soporte**</mark>*](https://www.demandu.tech) *<mark style="color:blue;">para obtener ayuda. ¡Estamos para apoyarte!</mark>* <br>
{% endhint %}


# Asignar usuario del sistema a la cuenta de WhatsApp

ℹ️ Esta página contiene la información sobre cómo puedes asignar el usuario del sistema a la cuenta de WhatsApp.

🚀 Este documento te guiará a través del proceso paso a paso de otorgar el control de una cuenta comercial de WhatsApp a un usuario del sistema que utiliza Meta Business Suite. Al seguir estas instrucciones, te asegurarás de que el usuario del sistema tenga el acceso necesario para realizar acciones utilizando un token de acceso de usuario del sistema. ¡*Vamos a configurarlo*!

### 🔑 Paso 1: Acceder a Meta Business Suite

1. 💻 Abre tu navegador web y navega hasta [Meta Business Suite](https://business.facebook.com/).
2. Inicia sesión en tu cuenta de Meta Business Suite con tus credenciales.

* 🔐 Inicia sesión en tu cuenta de Meta Business Suite con tus credenciales.

### 🏢 Paso 2: Localizar y acceder a la configuración de la empresa

* 💼 En Meta Business Suite, encuentra el menú desplegable de la parte superior izquierda que muestra el nombre de tu cuenta comercial.
* ⚙️ Haz clic en el ícono Configuración (*engranaje*) junto al nombre de tu cuenta comercial.

### 🧭 Paso 3: Navegar a la configuración de la empresa

* 📜 Después de hacer clic en el ícono Configuración (*engranaje*), aparecerá un menú desplegable.
* 📋 Haz clic en "*Configuración de la empresa*" en el menú desplegable.

### 👥 Paso 4: Crear un usuario del sistema

* 🗺️ Navegue a "*Usuarios del Sistema*" dentro de la sección "*Usuarios*" en el panel de la izquierda.
* ➕ Haz clic en "*Usuarios del sistema*" y luego haz clic en "Añadir" para añadir un nuevo usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Ftf1K2H6zGm1NN0vLgSJ3%2FScreenshot%202024-04-16%20at%2014.26.35.png?alt=media&amp;token=5388c9a7-eb81-4496-a117-a3de6ad5c90c" alt=""><figcaption><p>Agregar nuevo usuario del sistema</p></figcaption></figure>

* 📝 Acepta la política para empezar a añadir usuario

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FmwcvRyoOyIEsstDzwK07%2FScreenshot%202024-04-16%20at%2014.28.08.png?alt=media&amp;token=c8c5d047-882a-4fe8-ba73-d46c0b367793" alt=""><figcaption><p>Aceptar Política</p></figcaption></figure>

* 📋 Una vez que se abra la ventana emergente "*Crear usuario del sistema*", dale un nombre (*por ejemplo, BP-WhatsApp*) y mantén el rol de usuario como "*Administrador*".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F14BvHVocI2XDb6kDBa5e%2FScreenshot%202024-04-16%20at%2014.28.36.png?alt=media&amp;token=d940497b-3247-400e-b1a1-a535cd11cec0" alt=""><figcaption><p>Crear usuario del sistema</p></figcaption></figure>

🪙 Una vez que se agregue el usuario del sistema, haz clic en "*Generar Token*".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FfeRH8VmE5k5TRHD2muI8%2FScreenshot%202024-04-16%20at%2014.28.44.png?alt=media&amp;token=49ff74b1-7ce8-4901-b963-2ed67cd59a95" alt=""><figcaption><p>Generar un nuevo token</p></figcaption></figure>

🎛️ Configuración del nuevo token

* 📋 Una vez que se abra la ventana emergente "*Generar token*", sigue estos pasos:
* 🔘 Selecciona la aplicación que creaste anteriormente.
* ⏳ Elije la caducidad del token como "*Nunca*".
* 🔑 Asignar los siguientes permisos:
  * 💼 a. gestión de negocios
  * 🛍️ b. gestión de catálogos
  * 💬 c. whatsapp\_business\_messaging
  * ⚙️ d. whatsapp\_business\_management
* 💾 Copia el token generado y guárdalo de forma segura.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FTRyuWO2DLf48S61vgNsj%2FScreenshot%202024-04-16%20at%2014.31.05.png?alt=media&amp;token=73f3f0b5-31ad-46fb-9b7c-6ac7831b0bf8" alt=""><figcaption><p>Asignación de permiso para acceder al token</p></figcaption></figure>

### 📲 Paso 5: Acceder a las cuentas de WhatsApp Business

* 📊 En la página de configuración de la empresa, ve a la sección "*Cuentas*".
* 💬 Haz clic en "*Cuentas de WhatsApp*".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwdCCeFeOv7Vsz0J69FzA%2FUnknown.jpeg?alt=media&amp;token=e89b402d-b9c3-4eb6-aa54-72ed489e43d1" alt=""><figcaption></figcaption></figure>

### 🤝 Paso 6: Asignar un usuario del sistema

* 🔘 En la página de cuentas de WhatsApp, verás un botón gris "*Añadir personas*". Haz clic en él.
* 👥 Aparecerá una lista de usuarios del sistema disponibles.

### 🎯 Paso 7: Asignar control total

* 👤 Selecciona el usuario del sistema apropiado de la lista.
* 🎛️ Asigna los permisos de "*Control total*" al usuario del sistema seleccionado a través de la cuenta comercial de WhatsApp.

#### 🎉 ¡Felicidades!

🥳 ¡Has concedido con éxito el control de una cuenta de WhatsApp Business a un usuario del sistema! Esto permite al usuario del sistema acceder a los puntos finales que requieren el control de la cuenta comercial de WhatsApp utilizando un token de acceso del usuario del sistema.

{% hint style="info" icon="comment-question" %}
*<mark style="color:blue;">👩‍💻👨‍💻 Por favor, asegúrese de conceder acceso solo a usuarios del sistema de confianza y autorizados. Si tiene alguna dificultad durante el proceso o tiene más preguntas sobre el control de la cuenta comercial de WhatsApp, consulte la documentación oficial de Meta o póngase en contacto con el equipo de</mark>* [*<mark style="color:blue;">**soporte**</mark>*](https://www.demandu.tech) *<mark style="color:blue;">para obtener ayuda. ¡Lo resolvemos juntos!</mark>* <br>
{% endhint %}

<br>


# Obtener todos los detalles necesarios del panel de control de Meta Developer

ℹ️ Esta página contiene la información sobre los detalles clave que necesita copiar del panel de control de Meta.

🚀 Este documento te guiará a través del proceso paso a paso de copiar los detalles esenciales del panel de control de Meta Developer. Siguiendo estas instrucciones, puede recuperar información importante necesaria para integrar los servicios de WhatsApp en tu aplicación o negocio.

### 💻 Paso 1: Acceder al panel de control del desarrollador

* 🌐 1. Abre tu navegador web y ve al panel de control de desarrolladores de Meta.
* 🔐 2. Inicia sesión en tu cuenta de desarrollador con tus credenciales.

### 🧭 Paso 2: Navegar a la configuración de la API de WhatsApp

* 📊 1. Una vez que has iniciado sesión, encontrarás la barra lateral del panel de control.
* ⚙️ 2. Haz clic en la opción "*Configuración de la API*" en la sección "*WhatsApp*".
* 🖥️ Panel de configuración de la API

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBFrm3FtMWbe6cIIUn4Lk%2FScreenshot%202024-04-16%20at%2014.10.21.png?alt=media&amp;token=29a9e3a2-8d68-4c63-8039-e23fb26a9619" alt=""><figcaption><p>Página de configuración de la API</p></figcaption></figure>

### 🎯 Paso 3: Selecciona los números de teléfono y copie los detalles

* 📲 1. En la página de configuración de la API de WhatsApp, proceda a "*Paso 1: Selecciona los números de teléfono*".
* 🔢 2. Selecciona el número "*De*" correcto de las opciones disponibles.
* 📋 3. Copia tanto el "*ID de número de teléfono*" como el "*ID de cuenta comercial de WhatsApp*" (ID de WABA) que se muestran en la página.
* 🖼️ Copia el número de teléfono y el ID de WABA

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FazbkpkOUkhjRQqLvWjTC%2FScreenshot%202024-04-16%20at%2014.41.22.png?alt=media&amp;token=aad3dd61-8323-4f23-87ca-c1926de12c83" alt=""><figcaption><p>Copiar el número de teléfono y el ID de WABA</p></figcaption></figure>

### 💾 Paso 4: Copia el "token de usuario del sistema" que generaste. Si te lo perdiste, visita la siguiente página

[Asignar usuario del sistema a la cuenta de WhatsApp](/crea-tu-primer-bot./chatbot-de-whatsapp./configuracion-del-bot./creacion-de-bots-de-whatsapp-con-incorporacion-manual-desarrolladores/asignar-usuario-del-sistema-a-la-cuenta-de-whatsapp)

#### 🥳🎉  ¡Felicidades! Has copiado con éxito los detalles esenciales del panel de control de Meta Developer, incluyendo el "*ID del número de teléfono*", el "*ID de la cuenta comercial de WhatsApp*" (ID de WABA) y el "*Token de usuario del sistema*". Estos detalles son cruciales para integrar y utilizar los servicios de WhatsApp dentro de su aplicación o negocio.

{% hint style="info" icon="comment-question" %}
*<mark style="color:blue;">👩‍💻👨‍💻Por favor, asegúrese de mantener estos detalles seguros y no compartirlos con partes no autorizadas. Si tiene alguna dificultad o tiene más preguntas sobre el panel de control de desarrolladores de Meta, consulte la documentación oficial de Meta o póngase en contacto con el equipo de</mark>* [*<mark style="color:blue;">**soporte**</mark>*](https://www.demandu.tech) *<mark style="color:blue;">para obtener ayuda. ¡Lo resolvemos juntos!</mark>*[<br>](/crea-tu-primer-bot./chatbot-de-whatsapp./configuracion-del-bot./creacion-de-bots-de-whatsapp-con-incorporacion-manual-desarrolladores/asignar-usuario-del-sistema-a-la-cuenta-de-whatsapp)
{% endhint %}


# Gestionar el flujo de chat

La sección Editar y administrar flujos de chat te permite diseñar, personalizar y controlar cómo interactúa tu chatbot con los usuarios a través de flujos conversacionales estructurados.

La sección **Editar y administrar flujos de chat** te permite ver, actualizar, organizar y controlar todos los flujos de conversación creados para tu chatbot. Desde aquí, puedes ajustar la interacción de tu bot con los usuarios editando mensajes, gestionando múltiples flujos y definiendo cómo y cuándo se activa cada uno.

Esta sección es fundamental para mantener conversaciones de chatbot precisas, atractivas y orientadas a objetivos.

### Qué puedes hacer aquí

Utilizando la página "*Editar y Administrar Flujo de Chat*", puedes:

* Editar flujos de chat existentes

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Al hacer clic en "Classic Builder", se cambiará el modo visual.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FV6YXs3lALsUA1oW3jHjO%2FScreenshot%202026-07-02%20at%2012.31.04%E2%80%AFPM.png?alt=media&amp;token=354bf5b7-bb5c-480f-96a2-c7dbc9859ec6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkIhNklSPzJzHvffiM1d4%2FScreenshot%202026-07-02%20at%2012.37.10%E2%80%AFPM.png?alt=media&amp;token=3653ce95-5662-4fec-8da1-6e2bdd4a99b1" alt=""><figcaption></figcaption></figure>

* Haga clic en el botón "Visualise Flow" para cambiar avanzado.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Haga doble clic en el componente para abrir la ventana de configuración un componente en particular.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F2Oniq6tNStcUrBIEC8cq%2FScreenshot%202026-07-02%20at%2012.34.30%E2%80%AFPM.png?alt=media&amp;token=b283affb-17e5-4f12-b1e2-caff6cbc5ab1" alt=""><figcaption></figcaption></figure>

* Configure los ajustes generales y avanzados del componente en particular.
* Crea y gestiona múltiples flujos con la ayuda del componente Redirect.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FDyxpB3lKhGwMbiOtVKBA%2FScreenshot%202026-07-02%20at%2012.55.02%E2%80%AFPM.png?alt=media&amp;token=424940ab-4e0c-4b30-9e39-afaad6168b8f" alt=""><figcaption></figcaption></figure>

* Establecer un flujo de chat predeterminado

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F54s7hrEDGhbzdzcGMK3f%2FScreenshot%202026-07-02%20at%2012.57.41%E2%80%AFPM.png?alt=media&amp;token=abe9137a-e2c0-4ea3-a402-e37b1c3e22e1" alt=""><figcaption></figcaption></figure>

* Habilitar o deshabilitar los flujos de revisita

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGlLDWjRnsWx0OnGJ3uuZ%2FScreenshot%202026-07-02%20at%2012.58.46%E2%80%AFPM.png?alt=media&amp;token=4bd51c58-6562-433d-ad5f-cea34bbc69b8" alt=""><figcaption></figcaption></figure>

* Flujos de chat de importación y exportación

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fa7ZcVwoDO8N7x8E4dhcE%2FScreenshot%202026-07-02%20at%2012.59.48%E2%80%AFPM.png?alt=media&amp;token=8f7bfbad-8b54-44b7-9e83-de032e526e39" alt=""><figcaption></figcaption></figure>

* Eliminar flujos no utilizados o desactualizados

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNrLDWIk5cDOycEDVtgSn%2FScreenshot%202026-07-02%20at%201.00.33%E2%80%AFPM.png?alt=media&amp;token=905ff851-cfac-4a36-a0ce-a4360c8546d5" alt=""><figcaption></figcaption></figure>

## Preguntas frecuentes

<details>

<summary>Puedo editar un flujo de chat que está activado? </summary>

Si, cualquier cambio se puede hacer en vivo y se guarda al instante sin necesidad de dar click en un botón de "guardar".

</details>

<details>

<summary>Puedo crear múltiples flujos? </summary>

Si, puedes crear flujos ilimitados y conectarlos entre si con el componente "Redirigir".&#x20;

</details>

<details>

<summary>Que pasa si elimino un flujo?</summary>

El flujo queda permanentemente eliminado y no se puede restaurar.&#x20;

</details>

<details>

<summary>Puedo reusar flujos en otro chatbot? </summary>

Si. Descargue el flujo e impórtalo a otro bot del mismo tipo.

</details>

<details>

<summary>Para que debería usar los "Flujos de Revisita"?</summary>

Los flujos de revisita permiten a los usuarios recurrentes acceder de nuevo a la misma conversación, lo que mejora la continuidad y la experiencia del usuario.

</details>


# Edita tu Flujo de Chat

Tu bot se ve genial, ahora, hagámoslo más inteligente. Edita tu chatbot para que se adapte a tus necesidades exactas.

{% embed url="<https://youtu.be/iE7abtK3sGM?si=AysHIjs7HDUXzKzK>" %}

## ¿Qué es un flujo de chat?

Un **flujo de chat** es la estructura de mensajes que determina cómo se desarrolla la conversación entre tu chatbot y el usuario. Es totalmente configurable y suele verse como un diagrama de bloques de mensajes y acciones conectados entre sí. Al diseñar el flujo, defines qué dice el bot, en qué orden, y cómo reacciona según las respuestas del usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiX5VsmcrMQKiIsaYCeRs%2FScreenshot%202024-04-10%20at%2016.35.32.png?alt=media&amp;token=02f0afac-a360-46cb-ac84-110d2e537ae4" alt=""><figcaption><p>Flujo de Chatbot</p></figcaption></figure>

## 1. ¿Cómo personalizar el flujo del chat?&#x20;

**1.1 Accede al editor de flujo:** En el panel de Demandu, selecciona tu bot y haz clic en la pestaña **“Edita tu flujo de chat”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F68bzbxLbeBzJGlB6HaZ7%2FScreenshot%202024-04-10%20at%2016.30.39.png?alt=media&amp;token=6b472f64-6e07-4fdc-9831-088f677b0a56" alt=""><figcaption></figcaption></figure>

**1.2 Plantilla de flujo precreada:** Verás una plantilla de flujo de chat ya creada con mensajes de ejemplo. Puedes usarla como base y modificarla según las necesidades de tu negocio. Incluso puedes **importar una plantilla** diferente desde la pestaña **“Importar plantilla”** en la esquina superior derecha si deseas comenzar con otro diseño de conversación.

## 2. Herramientas para editar el flujo del chat

{% embed url="<https://youtu.be/VBdlm0zP1_w?si=Q1Fn7159wiDtpWww>" %}

Demandu proporciona varias herramientas para modificar el flujo de forma fácil y rápida:

**2.1 "Añadir nuevo componente**": Haga clic aquí para ver una lista desplegable de todos los componentes disponibles que se pueden agregar al flujo, como pedir el nombre, el correo electrónico, el número de teléfono del usuario o colocar una pregunta de una sola opción o de opción múltiple para que los visitantes respondan. Esto ayuda en la generación de datos de usuario y clientes potenciales.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQCv56EjieiLtFk4fjibM%2FScreenshot%202024-04-10%20at%2016.38.18.png?alt=media&amp;token=197bf3e2-d259-47ae-a421-3fc300af90cf" alt=""><figcaption></figcaption></figure>

2.2 **Barra de zoom y vista:** En la esquina inferior izquierda del editor, tienes controles para ajustar la vista del diagrama:

* *Ajustar vista*: encuadra todo el flujo en la pantalla.
* *Acercar/alejar (zoom)*: para ver con más detalle o en perspectiva.
* *Eliminar* (ícono de papelera): borra todo el flujo actual (¡útil solo si deseas empezar desde cero!).
* *Bloquear* (candado): una vez satisfecho con el flujo, puedes bloquearlo para evitar ediciones accidentales.

2.3 **Mini mapa** en la pantalla lateral inferior derecha: te informa sobre la posición de flujo del chat incluso si está dislocada más allá de la pantalla.

2.4 **Conector de línea**: Para conectar componentes entre sí (establecer el orden de los mensajes), utiliza las flechas o puntos de conexión arrastrando una línea desde un componente hasta el siguiente.

2.5 **Flujo de prueba:** Un botón **“Probar flujo”** te permite simular la conversación y verificar cómo fluyen los mensajes entre el bot y un usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FWWcipslQ3wo08lHHOKNP%2FScreenshot%202024-04-10%20at%2016.39.34.png?alt=media&amp;token=4865a659-637b-4528-98d9-12b66915b07d" alt=""><figcaption></figcaption></figure>

## 3. Herramientas para editar el flujo del chat

**3.1 Agregar y personalizar componentes:** Para editar el contenido de un mensaje o acción, simplemente haz clic en ese componente en el diagrama. Por ejemplo, puedes hacer clic en el **mensaje de bienvenida** y cambiar el texto por uno que incluya el nombre de tu marca. Después de editar un mensaje.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fs0DbpXYvrHAqmtjetDLX%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.21.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a95ef73b-6e2e-49f5-9764-302bc75c1b80" alt=""><figcaption></figcaption></figure>

**3.2 Agregar componentes al flujo:** Como se mencionó, puedes usar el botón *Agregar nuevo componente* o hacer clic en el **icono “+”** que aparece al final de cada secuencia en el diagrama. Ambos métodos permiten insertar un nuevo bloque en el flujo.\
Ejemplo: Si deseas que el bot comparta el enlace de tu sitio web, puedes agregar un componente **“Enlace web”** al final del flujo. Luego, conecta ese bloque desde el mensaje anterior con un conector de línea, y personaliza el enlace (texto descriptivo y URL) en las opciones del componente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FCNEykC5xtw2JzKIrW5EJ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.22.20%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31ed85bb-577a-4b83-a6e5-3ce6a337c6bf" alt=""><figcaption></figcaption></figure>

**3.3 Conectar componentes en el flujo:** Cada componente tiene una opción para **“Ir al siguiente mensaje”**. Asegúrate de establecer qué componente sigue a cuál para que el flujo tenga continuidad. Por ejemplo, después de un bloque de *Pregunta de texto*, puedes conectar la respuesta a un bloque de *Acción* o a otro mensaje. Utiliza los conectores de línea para unirlos en el orden deseado.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fbjnquqoj9qutz4SQPKyY%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.23.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=2d48128c-eb24-4c97-a887-ce95bcac5bc8" alt=""><figcaption></figcaption></figure>

**3.4 Finalizar el flujo:** Siempre es aconsejable terminar el flujo con un componente de **“Fin de chat”**. Para ello, ve al último componente de tu secuencia y en su menú desplegable de “ir al siguiente”, selecciona **“Terminar chat”**. Esto indica al bot cuándo la conversación ha concluido. **Nota:** Es *obligatorio* añadir un final de chat; de lo contrario, el sistema puede generar un error y el flujo podría no funcionar correctamente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLF9aOfHQxTzqnW67dZCQ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.24.12%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=13ef55eb-be67-4cb7-8121-a6b41a64ac71" alt=""><figcaption></figcaption></figure>


# Componentes de Flujo

Los componentes de flujo en Demandu son elementos cruciales que te permiten construir y personalizar la experiencia de interacción entre tu chatbot y tus usuarios. Al usar estos componentes, puedes cr

## ¿Qué son los Componentes de Flujo?

Los componentes de flujo son módulos predefinidos que puedes arrastrar y soltar en el constructor de flujos de la plataforma Demandu. Cada componente tiene una función específica y puede ser configurado para interactuar con el usuario de diversas formas. Estos componentes facilitan la creación de flujos conversacionales de manera intuitiva y sin necesidad de conocimientos técnicos avanzados.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FALMhUlQfzgNzpzevKLhO%2FScreenshot%202024-09-09%20at%2010.06.18%E2%80%AFPM.png?alt=media&amp;token=d2f94dfb-d4b2-4e7d-80c9-26b6d7408b54" alt=""><figcaption></figcaption></figure>

## ¿Cómo Funcionan los Componentes de Flujo?

Los componentes de flujo funcionan integrándose entre sí para crear un camino conversacional lógico y coherente. Por ejemplo, puedes empezar solicitando el nombre del usuario, luego pedir su correo electrónico, y después ofrecerle opciones de productos según sus preferencias. Cada interacción puede ser personalizada para satisfacer las necesidades de tus usuarios y los objetivos de tu negocio.

### Función de los Componentes de Flujo

La función principal de los componentes de flujo es guiar la conversación y capturar información relevante de los usuarios. Aquí hay algunas funciones clave:

* **Recolectar Datos**: Solicitar y almacenar información del usuario, como nombre, correo electrónico, número de teléfono, etc.
* **Interactividad**: Proporcionar opciones y respuestas interactivas, permitiendo a los usuarios seleccionar entre múltiples opciones.
* **Envío de Contenidos**: Enviar mensajes, enlaces, imágenes, videos, y más.
* **Integración**: Conectarse con sistemas externos mediante webhooks y envíos de datos a CRM como Hubspot, Salesforce, entre otros.

## Importancia de Usar los Componentes de Flujo Adecuadamente

Usar los componentes de flujo de manera adecuada es fundamental para asegurar que la interacción con tus usuarios sea fluida, eficiente y cumpla con tus objetivos comerciales. Aquí algunos puntos clave:

1. **Experiencia del Usuario**: Un flujo bien diseñado mejora la experiencia del usuario, aumentando la satisfacción y la tasa de conversión.
2. **Eficiencia Operativa**: Automatizar interacciones comunes ahorra tiempo y recursos, permitiendo que tu equipo se enfoque en tareas más complejas.
3. **Precisión de Datos**: Capturar y almacenar información de manera efectiva garantiza que tengas datos precisos y utilizables para futuras campañas y análisis.
4. **Integraciones**: La capacidad de integrarse con sistemas CRM como Hubspot y Salesforce permite sincronizar datos automáticamente, mejorando la gestión de relaciones con clientes y la personalización de ofertas.

Con una buena comprensión y uso de los componentes de flujo de Demandu, puedes crear experiencias conversacionales ricas y efectivas **100% personalizables**, mejorar la recolección de datos y optimizar la gestión de relaciones con clientes. Vamos a explorar cada componente en detalle y ver cómo puedes aprovechar al máximo sus capacidades.

## Ejemplo de componentes y personalización

* Si deseas **preguntar varias cosas al usuario** (como nombre, email, preferencias), puedes añadir sucesivamente componentes de **Solicitud de información** (Nombre, Email, etc.) y conectarlos en orden.
* Para **ofrecer opciones múltiples** (por ejemplo, preguntar “¿En qué puedo ayudarte?” con varias opciones), agrega un componente **“Opción múltiple”**. Personaliza el texto de la pregunta y añade las opciones (Demanda te permite hasta 5 opciones). Luego conecta cada opción a distintos caminos si es necesario (usando la configuración dentro del mismo componente).
* Si quieres **respuestas inteligentes** según palabras clave que escriba el usuario, utiliza el componente **“Pregunta inteligente”**. Por ejemplo, puedes configurar palabras clave como *“precio”, “coste”* para que, si el usuario las menciona, el bot responda con información de precios. En las opciones del componente Pregunta inteligente:
  * Define las palabras clave y la condición de coincidencia (exacta o contenida en la frase del usuario).
  * Por cada conjunto de palabras clave, enlaza a la respuesta o siguiente bloque apropiado.
* El componente **“Chat en vivo”** te permite transferir la conversación a un agente humano. Puedes colocarlo, por ejemplo, después de que el bot maneje ciertas preguntas. Al activarse, notificará a un agente para continuar la charla. Personaliza el mensaje que el usuario verá (ej. “Te estoy conectando con un agente...”) y configura este bloque para que se asigne a tu equipo de soporte (ver más adelante la asignación automática de chats).

Cada componente que agregues se puede arrastrar y ubicar visualmente en el lienzo para organizar mejor el diagrama.

{% hint style="success" %}
**Consejo:** Guarda con frecuencia los cambios y prueba el flujo con distintos escenarios (usando **“Probar flujo”**) para asegurarte de que todas las rutas conversacionales funcionan como esperas.
{% endhint %}


# Solicitud de Información

Solicitar información (entrada del usuario)

Estos componentes **preguntan algo al usuario** y esperan una respuesta.&#x20;

{% hint style="info" %}
*Nota:* El flujo **no continuará** hasta que el usuario proporcione la información solicitada en estos componentes.
{% endhint %}

1. **Nombre:** Pide al usuario su nombre.

   * Al añadirlo desde “Agregar componente”, puedes personalizar el mensaje de solicitud (ej. “¿Cómo te llamas?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBl8l8Nlx2Fo1ocTpV7iU%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%206.36.50%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=e8cebe5f-1c8b-4137-9a7d-cc5381370676" alt=""><figcaption></figcaption></figure>
2. **Teléfono:** Solicita un número de teléfono.

   * Personaliza el mensaje (ej. “Por favor, ingresa tu número de teléfono”).
   * Puedes especificar un código de país predeterminado para el número en las opciones.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqkNseWWhg4A6rQIlkqSW%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.00.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=efb57ff3-eef5-4588-8102-d0562f311d60" alt=""><figcaption></figcaption></figure>
3. **Email:** Solicita la dirección de correo electrónico del usuario.

   * Personaliza el texto de la petición (ej. “¿Cuál es tu correo electrónico?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwWN7hU8zykz0SqVMF5j3%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.01.28%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=32c242ac-3417-4a61-a4c7-4b443298aa15" alt=""><figcaption></figcaption></figure>
4. **Opción única (Single Choice):** Presenta una pregunta con varias opciones, de las cuales el usuario solo puede elegir **una**.

   * Personaliza la pregunta y las opciones (hasta 5 opciones).
   * Debes vincular cada opción a su siguiente paso en el flujo (desde las opciones del componente).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FFyIcFDIabhYnLLPNIJG5%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.00.10%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=cfaebd1a-ab0d-4373-af1b-79b937133f84" alt=""><figcaption></figcaption></figure>
5. **Pregunta abierta (Texto):** Pide al usuario una respuesta libre (texto cualquiera).

   * Ejemplo: “¿En qué puedo ayudarte?” sin opciones predefinidas.
   * El usuario puede responder libremente, y deberás manejar esa respuesta (posiblemente con Pregunta inteligente o con acciones manuales).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLQqPfu9EE7jC705cll6u%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.05.00%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=1c4e923e-9429-468b-befa-85b1b0276ecd" alt=""><figcaption></figcaption></figure>
6. **Subir archivo (File Upload):** Solicita al usuario que adjunte un archivo, imagen o video.

   * Personaliza el mensaje (ej. “Sube una imagen de tu problema”).
   * El usuario verá la opción de cargar un archivo desde su dispositivo. *(El tamaño máximo admitido es generalmente 15 MB para videos en Demandu.)*

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FVa9PwP5iXmxz5JP2wz8z%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%202.54.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=400e0958-dbde-4170-ab07-0c6817a4fdb4" alt=""><figcaption></figcaption></figure>
7. **Agendar cita (Appointment):** Permite agendar una cita o seleccionar una franja horaria.

   * Puedes configurar el mensaje solicitando al usuario elegir un horario.
   * Define el horario disponible (hora de inicio y fin de disponibilidad diaria).
   * Define la duración o intervalos de las citas (ej. intervalos de 30 minutos).
   * Establece para cuántos días futuros se puede reservar.
   * Integra una aplicación de calendario externa si corresponde (por ejemplo, Google Calendar, SimplyBook, etc., si la plataforma lo ofrece).
   * Este componente recoge una fecha y hora preferida del usuario.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FRUSgkw84UH8UEv79KAmn%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.35.31%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0389cfa6-f5f9-49fd-90ce-8c6ab64fb73e" alt=""><figcaption></figcaption></figure>
8. **Ubicación (Location):** Pide una ubicación (en formato texto) al usuario.

   * Por ejemplo: “¿En qué ciudad te encuentras?”.
   * *Nota:* Este componente no solicita coordenadas ni mapas, solo texto de ubicación.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FN4cRlNOrCgKKKfc3R3dO%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.37.16%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fc816b19-d9fa-4d19-8460-9483c8d67471" alt=""><figcaption></figcaption></figure>
9. **Entrada numérica (Numeric Input):** Similar a Pregunta abierta, pero esperando específicamente un número.

   * Ejemplo: “¿Cuántos empleados tiene su empresa?” con validación para que ingrese solo dígitos.
   * Personaliza el mensaje e indica claramente que se espera un número.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSddsIIJfk5rEhC29tgdx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.40.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fdabc865-a91f-4d55-8bef-7260cc6c4025" alt=""><figcaption></figcaption></figure>
10. **Pregunta inteligente (Smart Question):** Permite que el bot interprete la respuesta libre del usuario para decidir el siguiente paso (palabras clave).

    * Especifica la pregunta o indicación (ej. “¿En qué puedo ayudarte?”).
    * Define conjuntos de **palabras clave** y asócialos a determinados siguientes pasos. Por ejemplo, palabras clave como *“precio”* o *“costos”* podrían dirigir a información de precios; palabras clave *“soporte”* o *“ayuda”* a un flujo de soporte.
    * Elige el modo de coincidencia: **exacta** (la respuesta debe coincidir exactamente con la palabra/frase) o **contener** (si la palabra aparece en la respuesta).
    * Puedes definir múltiples conjuntos de palabras clave. Cada conjunto puede desencadenar una ruta distinta del flujo.
    * Este componente es muy útil para crear un comportamiento similar a preguntas abiertas pero con entendimiento básico mediante palabras clave.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSrTyEpQgtYPQxiFmYezx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.41.02%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0bb3a864-98bc-44bb-85e2-cf3b98911162" alt=""><figcaption></figcaption></figure>
11. **Redirigir (Redirect):** Ya mencionado en la sección de flujos múltiples, este componente **no solicita información al usuario**, sino que salta a otro flujo interno.

    * Puedes incluir un mensaje breve antes de redirigir (opcional).
    * Selecciona del menú desplegable el flujo de destino (previamente creado en el bot).
    * Al activarse, el chat **cambiará al flujo seleccionado**, continuando allí la conversación.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYnEoj3u4Hht5vl9TsrQp%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.44.48%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b86ece44-f727-4e3a-94a9-b743a9ec2d00" alt=""><figcaption></figcaption></figure>
12. **API (Integración externa):** Este componente permite conectar el flujo con una integración o API de terceros configurada.

    * Úsalo para realizar, por ejemplo, una consulta externa (como a tu base de datos o servicio) durante la conversación.
    * En Demandu, seleccionarás la API preconfigurada que deseas llamar.
    * Puedes personalizar un mensaje de espera o de respuesta, y especificar qué hacer con el resultado:
      * Por ejemplo, puedes manejar **código 200 (éxito)** y **código 400 (error)** con rutas distintas en el flujo (continuar a un mensaje de éxito o de error).

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fmoa16t377sq3orgEUQXi%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.50.06%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=f734a6bc-0a1e-4956-a7f3-15dde0db0c32" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
*Nota:* Configurar APIs externas puede requerir haber introducido credenciales o claves en la sección de **Desarrolladores** de Demandu. Consulta la[ documentación de integraciones](/guia-de-productos-y-formacion/referencias-api/integracion-de-api-de-terceros) API para más detalles.
{% endhint %}


# Enviar información

(salida al usuario)

Estos componentes **envían mensajes o contenido al usuario** sin requerir una entrada inmediata. Suelen ser respuestas del bot.

1. **Mensaje:** Envía un mensaje de texto simple al usuario.
   * Ejemplo: un saludo, una explicación o cualquier texto informativo.
   * Puedes agregar variables personalizadas dentro del mensaje (ver más abajo cómo usar variables).
2. **Imagen/GIF:** Muestra una imagen o GIF animado al usuario.
   * Puedes añadir un texto que acompañe la imagen (ej. “Aquí está la foto que pediste:”).
   * Opciones:
     * Buscar un GIF por nombre (se integra con un servicio de GIFs).
     * Subir una imagen desde tu dispositivo o pegar una URL de imagen.
   * La imagen/GIF aparecerá directamente en el chat.
3. **Video:** Envía un video en el chat.
   * Añade un texto descriptivo si lo deseas (ej. “Video explicativo:”).
   * Proporciona una URL de video o sube un archivo de video (recordando la limitación de tamaño, p. ej. 15 MB).
   * El usuario podrá reproducir el video dentro de la ventana de chat.
4. **Enlace web:** Comparte uno o varios enlaces clicables.
   * Incluye un texto introductorio si se necesita.
   * Indica la plataforma de destino desde un desplegable (generalmente “Website” para enlace web).
   * Para cada enlace: especifica un **título** visible y la **URL** correspondiente.
   * Puedes agregar múltiples enlaces. Cada título aparecerá como un botón o enlace en el chat; al hacer clic, se abrirá la página correspondiente.

###


# Acciones

(disparadores de funciones avanzadas)

Estos componentes **ejecutan acciones especiales** en el chat o la plataforma:

1. **Chat en vivo (Live Chat):** Inicia un chat en vivo con un agente humano disponible.
   * Cuando el usuario llega a este punto, se genera una solicitud de chat en vivo para tu equipo.
   * Puedes configurar un mensaje para el usuario indicando que será atendido por un agente (ej. “Te conectaremos con un agente ahora...”).
   * Este componente está ligado a tu configuración de **Equipo**: se asignará la conversación a un miembro del equipo con rol de soporte.
   * (Consulta también el componente *Asignar chat*, descrito más abajo, para control de a quién se asigna.)
2. **ChatGPT (IA):** Activa el motor de IA (ChatGPT) dentro del flujo de chat para que el bot responda dinámicamente.
   * Al llegar aquí, el chatbot empezará a utilizar la IA de Demandu (basada en GPT) para responder preguntas abiertas del usuario.
   * Puedes establecer un mensaje inicial antes de las respuestas de IA (ej. “Claro, déjame pensar...”).
   * Define cuántas interacciones (preguntas) seguidas manejará la IA (número de consultas que la IA resolverá en esta sesión).
   * **Sugerencias de consulta:** Puedes habilitar una caja de sugerencias (hasta 3 sugerencias) para guiar al usuario en qué preguntar. Si la activas, proporciona hasta 3 ejemplos de preguntas que el usuario puede hacer, que aparecerán como botones rápidos.
   * Este componente funciona mejor si has **entrenado tu IA** con datos relevantes (ver la sección de Entrenar chatbot con IA más abajo). La IA usará tanto los datos entrenados como su modelo de lenguaje para responder.
3. **Asignar chat (Assign Chat):** Asigna automáticamente la conversación de chat en vivo a un miembro de tu equipo.
   * Puedes optar por asignar a un **miembro específico** (seleccionas su nombre de la lista de tu equipo) *o* asignar por **departamento**.
   * Si asignas por departamento, Demandu usará la lógica **“Round Robin”**: distribuirá equitativamente las solicitudes de chat entre los miembros del departamento, uno por uno.
   * Opciones adicionales:
     * No asignar a agentes desconectados (fuera de línea).
     * Asignar solo a agentes dentro del horario laboral configurado (si tienes horarios de atención definidos).
   * Este componente complementa al de Chat en vivo; puedes usarlo para decidir cómo se reparte la conversación en vivo.
4. **Condición If/Else (rama condicional):** Permite tomar decisiones en el flujo basado en condiciones definidas (normalmente sobre datos del usuario o respuestas previas).
   * Con este componente, puedes crear bifurcaciones lógicas. Por ejemplo: “Si el cliente seleccionó ‘Soporte’, ir al flujo de soporte; de lo contrario, seguir al flujo de ventas”.
   * Para configurarlo: haz clic en **“Añadir condición If/Else”**.
   * Selecciona el tipo de dato o propiedad a evaluar:
     * Puede ser una **respuesta del visitante** previa, un **atributo personalizado** que tengas guardado, una **propiedad de contacto** (p. ej., si ya es cliente o no) o una **propiedad de la conversación**.
   * Define la comparación: igual a, distinto de, mayor que, menor que, etc., según el tipo de dato.
   * Introduce el valor a comparar. Puedes añadir múltiples condiciones **AND** (todas deben cumplirse) o **OR** (cualquiera que se cumpla dispara la rama).
   * Una vez definidas las condiciones, conectas la salida verdadera (If) y la salida falsa (Else) hacia diferentes componentes en el flujo (en el editor verás ramas separadas para cada caso).
   * Ejemplo: *Si* `tipoUsuario` es “Cliente existente”, *entonces* mostrar opciones de soporte avanzado, *si no* (else) ofrecer información de productos.

#### Configuraciones globales en el flujo

* **Uso de “Ir al siguiente mensaje”:** Este ajuste aparece en cada componente. Sirve para enlazar manualmente el próximo bloque a ejecutar tras el actual, en caso de que no esté definido por defecto. Por lo general, se utiliza en componentes que no tienen una salida específica (como un mensaje final). Asegúrate de utilizarlo para encadenar bien la secuencia de tu chat.
* **Variables personalizadas en mensajes:** En cualquier mensaje de salida (texto), puedes insertar variables dinámicas (como el nombre del usuario, el correo, etc.) escribiendo **`/`** en el editor de texto del mensaje. Aparecerá un menú desplegable de variables predefinidas (por ejemplo: `/name` para el nombre del visitante si se solicitó antes). Selecciona la variable para incluirla. Cuando el bot envíe ese mensaje, reemplazará la variable por el valor real correspondiente.


# Redirigir (Múltiples Flujos Interconectados)

Esta página contiene toda la información sobre cómo crear múltiples flujos en el bot y usar el componente de redirección para activarlos en el flujo de chat.

La plataforma Demandu te permite crear **múltiples flujos de chat** dentro de un mismo bot, y usar un componente especial de **Redirección** para saltar de un flujo a otro durante la conversación. Esto es útil si tienes, por ejemplo, distintos sub-flujos para diferentes temas o secciones (ventas, soporte, reservas, etc.) y quieres invocarlos según las respuestas del usuario.

## ¿Cómo configurar flujos múltiples con redirección?

**Crear un nuevo flujo:** En la sección **“Edita tu flujo de chat”**, haz clic en **“Crear nuevo flujo”**. Asigna un nombre a este flujo (por ejemplo, *Flujo de Soporte*) y créalo. Luego diseña este flujo como lo harías normalmente. El nuevo flujo aparecerá listado en la página de edición.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FY2jBmhZbRm60MC0sI6lp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.37.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=62cb9da3-97e6-4387-ac36-a11170efa003" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fqm0OTXr7mgt9J6u7xTJ8%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.38.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=ad479a13-5561-4f11-9846-45e9f36d799f" alt=""><figcaption></figcaption></figure>

Introduce el nombre:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FJ1DQnQ1YOgYGRlYWYKDm%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.39.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=38da37ad-07e4-4c7a-a858-08bf746d3879" alt=""><figcaption></figcaption></figure>

Configura el nuevo flujo con la interacción que deseas:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FgJ915hocKYRTcoeA5Ydp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.40.13%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=8a424296-d86f-42e0-ab4c-3e917283f935" alt=""><figcaption></figcaption></figure>

Aparecerá en tu lista de Flujos con el nombre que configuraste:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlSBiEus0iY5PjGbfsn6j%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.41.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b5d040a0-d1ab-4115-b6b6-58d337b5c7fa" alt=""><figcaption></figcaption></figure>

**Agregar componente de Redirección en un flujo existente:** Ve a otro flujo (por ejemplo, el flujo principal) donde quieras insertar la bifurcación. En ese punto del flujo, agrega el componente **“Redirigir”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FavyzWfRBOAWsSaXKvE5d%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.45.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=91067b78-5d64-4b85-b060-5cb82b801885" alt=""><figcaption></figcaption></figure>

**Configurar la redirección:** En las opciones del componente Redirigir, selecciona del desplegable el nombre del flujo al que deseas que salte (por ejemplo, *Flujo de Soporte* creado en el paso 1). Puedes añadir un breve texto antes de redirigir (ej. “Permíteme comprobar esa información...”).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F3rLdkTzxa1i7WQZxwRTr%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.47.08%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=7b381ed6-febe-4648-97a8-b31d60e2680c" alt=""><figcaption></figcaption></figure>

**Resultado de la redirección:** Una vez configurado, cuando la conversación llegue a ese componente, el chatbot **cambiará al flujo seleccionado**. A partir de ahí, seguirá los mensajes y lógica de ese flujo secundario.

Con este método, puedes conectar fluidamente varios flujos dentro de un mismo bot. Esto aumenta la flexibilidad de las interacciones, permitiendo manejar distintos escenarios de conversación sin tener que construir un único flujo enorme.


# Plantilla de mensajes para Whatsapp

💬 ¿Qué es una Plantilla de WhatsApp (Message Template)?

\
Una Plantilla de WhatsApp es un formato de mensaje preiseñado y preaprobado por Meta (la empresa dueña de WhatsApp y Facebook) que las empresas utilizan para iniciar conversaciones con sus clientes.

En el mundo de WhatsApp Business, no puedes escribirle a un usuario por primera vez con un texto libre o improvisado. Para evitar el **SPAM**, Meta exige que el primer mensaje que envíes siga una estructura estricta que ellos hayan revisado y autorizado previamente.

📌 ¿Por qué son obligatorias para iniciar conversaciones?\
WhatsApp funciona con una regla de oro llamada "***La ventana de 24 horas***":

🔄 Si el cliente te escribe a ti: ***Tienes 24 horas para responderle lo que quieras (texto libre).***

🚀 Si tú le escribes al cliente primero (o pasaron más de 24 horas desde su último mensaje): Estás obligado a usar una **Plantilla Aprobada** para abrir la conversación.

🛠️ ¿Cómo funcionan? \
Aunque son plantillas fijas, ¡pueden personalizarse! Esto se logra gracias a las VARIABLES (esos números ó nombres entre llaves como **{{1}}**), que funcionan como espacios en blanco para rellenar automáticamente con los datos del cliente.

📝 Ejemplo de cómo se configura en Meta:

1. Dirigete a la opcion Chatbot
2. Dale clic al Bot al que le quieras asociar la plantilla

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqwXNQv8JAQla5zfUPxDH%2FUnknown.jpeg?alt=media&amp;token=6332c141-a882-45fd-92bc-72601793fa31" alt=""><figcaption></figcaption></figure>

3. Ya que elegiste el Bot asociado, en el menú de la izquierda selecciona "*Plantillas de Whatsapp*"

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F1Nowe42avEbYpVqBKL4e%2FUnknown.jpeg?alt=media&amp;token=91191054-a0c5-4aa7-a745-28621af54c19" alt=""><figcaption></figcaption></figure>

4. Selecciona "*Crear Plantilla*"

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FM6pqPAyo0P6jCaDjJxhw%2FUnknown.jpeg?alt=media&amp;token=a6886c29-96f8-4341-967c-9a3573a90523" alt=""><figcaption></figcaption></figure>

5. Ahora veras la imagen para crear una plantilla

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FKuKjIz4Gbe9303ScZU4x%2FUnknown.jpeg?alt=media&amp;token=17a4e39d-4ed2-4053-b457-fea32763d7cf" alt=""><figcaption></figcaption></figure>

6. **Sección Metaplantilla (obligatorio)**

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FH8axuxwZy7fWz9dKPRMk%2FUnknown.jpeg?alt=media&amp;token=843c05e5-500d-4b88-8833-1b61d00659c6" alt=""><figcaption></figcaption></figure>

6.1 Poner el nombre de la plantilla **SIN ESPACIO**, si quieres usar ESPACIO, utiliza mejor el **GUIÓN BAJO**. ejemplo: plantilla\_prueba

6.2 Selecciona el idioma de la plantilla

6.3 🗂️ Categoría: elegir Marketing o Utility:

6.3.1 📣 *Marketing:* Se utiliza para dar a conocer promociones y contactar con leads.

6.3.2 ⚙️ *Utility*: Se utiliza para enviar mensajes de sistema o actualizaciones.

6.3.3 🔐 *Authentication*: Se utiliza para iniciar sesión (casi no se utiliza)

6.4 Categoría de la plantilla: Elegir la unica opción "Custom"

7. **Sección Encabezamiento:**

Aquí tenemos 3 tipos de encabezado:

Texto (admite cualquier texto SIN emojis)\
Media (una imagen, video o documento)\
Location ( en automático toma la ubicacion del dispositivo)

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FAkq5oJ21jPDuOIAVPR4O%2FWhatsApp%20Image%202026-06-29%20at%2019.30.54.jpeg?alt=media&amp;token=bff15a55-b618-449a-9209-412228a7f202" alt=""><figcaption></figcaption></figure>

8. **Cuerpo (obligatorio)**

En esta sección se ingresa el contenido de la plantilla con sus variables.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FXp5wlIPVLjcD56GXbRXn%2FUnknown.jpeg?alt=media&amp;token=8344178f-2d5f-4e5a-abb5-4b6662ac52b8" alt=""><figcaption></figcaption></figure>

9. **Pie de página:**

Texto que va a aparecer en la parte inferior de la plantilla

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F7L2uAMa53JmkmkxSCSnb%2FUnknown.jpeg?alt=media&amp;token=12fdb302-3a0b-46b1-82f4-5006cd2c9b91" alt=""><figcaption></figcaption></figure>

10. **Botones:**

Llamar a un numero telefonico es para que el lead marque a un número telefonico que hayas puesto.

Visit Website: enviara al lead a la página que hayas puesto.

Copy Offer Code: copiar el nuero promocional de una oferta.

Respuesta Rápida:

* Costumbre: redirecciona a un flujo en especifico en el bot.
* Opt Out: quita al contacto de la lista para que no reciba mas información.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F6rk6vAwUjWNpYZGku8lD%2FUnknown.jpeg?alt=media&amp;token=c7019834-f7b6-4834-a9c0-0c8e23b3bb4e" alt=""><figcaption></figcaption></figure>

Dar clic en **GUARDAR COMO BORRADOR** en caso de que no este completa la información AUN y seguirlo editando en otro momento.

Dar clic en **SOMETER PARA APROBACION** para que META apruebe la plantilla.&#x20;

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">Una vez que la plantilla es autorizada por META se puede usar la plantilla, toma en cuenta que ya no podrás editarla.</mark>*
{% endhint %}

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlHmcPqVVRBgBOKF4ylLI%2FUnknown.jpeg?alt=media&amp;token=aba7ef19-102f-49d3-ba22-fbf99482fd4b" alt=""><figcaption></figcaption></figure>

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">De acuerdo a las políticas de META, se reserva el derecho de aprobar o rechazar tu plantilla.</mark>*
{% endhint %}

### 💡 ***Checklist para que Meta apruebe tus plantillas rápido***<br>

Si vas a subir una nueva plantilla en el panel de Meta para demandu.tech, asegúrate de cumplir con esto:

❌ Cero errores ortográficos: Meta rechaza plantillas con mala gramática al instante.

🔗 Enlaces claros: Si añades un botón con un link, asegúrate de que use el dominio oficial de tu empresa.

🎯 Categoría correcta: No intentes camuflar un mensaje de marketing (venta) dentro de una categoría de utilidad, o será rechazado automáticamente.


# Crea tu Chatbot de Instagram

Aquí encontrarás los pasos para crear tu chatbot de Instagram.

## ¿Por qué Instagram Chatbot?

Crear un chatbot de Instagram ofrece varios beneficios que pueden mejorar significativamente su presencia en línea y sus operaciones comerciales:

* 👩🏻‍💻 **Atención al cliente 24/7:** Puede responder instantáneamente a las consultas de los clientes en cualquier momento del día.
* 💬 **Mayor compromiso**: los chatbots pueden interactuar con su audiencia en tiempo real, enviando mensajes personalizados, actualizaciones y promociones.
* 🫱🏻‍🫲🏽 **Generación de clientes potenciales**: Al interactuar con los visitantes y tomar información esencial, los chatbots pueden ayudar a generar clientes potenciales, facilitando la conversión de clientes potenciales en clientes reales.
* ⬆️ **Escalabilidad**: A diferencia de los agentes humanos, los chatbots pueden manejar múltiples conversaciones simultáneamente.

Para crear tu chatbot de Instagram y administrar todos tus chatbots, primero debes visitar el panel de control de Demandu \*\*:\*\* <https://app.demandu.tech>

### ✨ ***Paso 1: Inicia la magia***

Dirígete a tu panel principal de *Demandu*. En la parte superior izquierda, verás el botón azul *"**Crear nuevo bot**"*. Haz clic ahí para comenzar tu nueva aventura de automatización.

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu**</mark>*<mark style="color:blue;">: En la barra lateral izquierda siempre podrás encontrar y gestionar todos los bots que hayas creado.</mark>
{% endhint %}

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F8wEgBMnvfJgfJ8mCNrrH%2F1.jpeg?alt=media&amp;token=11bfa53c-62b4-4948-81ac-338f0be8bdcc" alt=""><figcaption></figcaption></figure>

### &#x20;📱 ***Paso 2: Elige tu plataforma***

Ahora verás las diferentes redes donde puedes desplegar tu bot. Busca el icono de *"**Chatbot de Instagram**"* y selecciónalo. Estás a solo unos clics de conectar con tu audiencia.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FyrAuAsj9gqyqrc1ZzQUb%2F2.jpeg?alt=media&amp;token=ca82f1d8-3451-41f5-b2f6-2754f1139902" alt=""><figcaption></figcaption></figure>

### 🎯 ***Paso 3: Define tu objetivo***&#x20;

***¿Qué quieres que logre tu bot?*** Selecciona el propósito que mejor se adapte a tus necesidades.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F5CgHab4flSvCeLhFCYq6%2F3.jpeg?alt=media&amp;token=977a6f3f-84fa-47b2-ab95-696d1a0333fd" alt=""><figcaption></figcaption></figure>

### 🔗 ***Paso 4: Conexión Social.***

Es momento de vincular tu cuenta. Haz clic en *"**Iniciar sesión**"* e ingresa tus credenciales de Facebook/Instagram.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FMiNH6MKNtgFmVrpT7VkG%2F4..jpeg?alt=media&amp;token=a687ca04-023f-49da-b906-0be4deac84ef" alt=""><figcaption></figcaption></figure>

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu**</mark>*<mark style="color:blue;">**:**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">Asegúrate de que tu cuenta de Instagram sea una</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">**Cuenta de Negocios**</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">y esté vinculada a una</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">**Fan Page de Facebook**</mark>*<mark style="color:blue;">.</mark>
{% endhint %}

### ✅ ***Paso 5: Configuración final y ¡Listo!***&#x20;

Una vez dentro:

1. Haz clic en *"**Comenzar**"*.
2. Selecciona la *cuenta de negocios* que quieres automatizar y pulsa *"**Siguiente**"*.
3. Revisa los datos de tu empresa y completa cualquier información faltante.
4. Finaliza haciendo clic en *"**Guardar**"*.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FxlM5gsf33F7RmZ6sxHxz%2F5.jpeg?alt=media&amp;token=e8032af6-7927-45d3-a53b-fc73a75172c7" alt=""><figcaption></figcaption></figure>

#### *🎉*  ***¡Felicidades!*** Tu chatbot de Instagram ya está activo y listo para conversar. ¿Qué sigue? ¡Configura tu flujo de chat y sorprende a tus seguidores!


# Gestionar el flujo de chat

🚀 La sección Editar y administrar flujos de chat es tu aliada perfecta para diseñar, personalizar y controlar la forma en que tu chatbot interactúa con los usuarios, todo a través de flujos conversacionales súper bien estructurados.

✨ Entrar a esta sección te permite ver, actualizar, organizar y tener bajo control todos los flujos de conversación que hayas creado para tu chatbot. Desde aquí, tienes el poder de ajustar la interacción de tu bot con los usuarios: podrás editar mensajes, gestionar múltiples flujos al mismo tiempo y definir con total precisión cómo y cuándo se activa cada uno de ellos.

{% hint style="info" icon="lightbulb" %}
*<mark style="color:blue;">**¡Esta sección es clave!**</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">Es fundamental para mantener conversaciones de chatbot que sean precisas, atractivas y totalmente orientadas a cumplir tus objetivos.</mark>
{% endhint %}

### 🤔 ¿Qué puedes hacer aquí?

⚡ Utilizando la página Editar y administrar Chatflow, puede:

* Editar flujos de chat existentes

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Al hacer clic en "Classic Builder", se cambiará el modo visual.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FV6YXs3lALsUA1oW3jHjO%2FScreenshot%202026-07-02%20at%2012.31.04%E2%80%AFPM.png?alt=media&amp;token=354bf5b7-bb5c-480f-96a2-c7dbc9859ec6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkIhNklSPzJzHvffiM1d4%2FScreenshot%202026-07-02%20at%2012.37.10%E2%80%AFPM.png?alt=media&amp;token=3653ce95-5662-4fec-8da1-6e2bdd4a99b1" alt=""><figcaption></figcaption></figure>

* Haga clic en el botón "Visualise Flow" para cambiar avanzado.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Haga doble clic en el componente para abrir la ventana de configuración un componente en particular.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F2Oniq6tNStcUrBIEC8cq%2FScreenshot%202026-07-02%20at%2012.34.30%E2%80%AFPM.png?alt=media&amp;token=b283affb-17e5-4f12-b1e2-caff6cbc5ab1" alt=""><figcaption></figcaption></figure>

* Configure los ajustes generales y avanzados del componente en particular.
* Crea y gestiona múltiples flujos con la ayuda del componente Redirect.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FDyxpB3lKhGwMbiOtVKBA%2FScreenshot%202026-07-02%20at%2012.55.02%E2%80%AFPM.png?alt=media&amp;token=424940ab-4e0c-4b30-9e39-afaad6168b8f" alt=""><figcaption></figcaption></figure>

* Establecer un flujo de chat predeterminado

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F54s7hrEDGhbzdzcGMK3f%2FScreenshot%202026-07-02%20at%2012.57.41%E2%80%AFPM.png?alt=media&amp;token=abe9137a-e2c0-4ea3-a402-e37b1c3e22e1" alt=""><figcaption></figcaption></figure>

* Habilitar o deshabilitar los flujos de revisita

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGlLDWjRnsWx0OnGJ3uuZ%2FScreenshot%202026-07-02%20at%2012.58.46%E2%80%AFPM.png?alt=media&amp;token=4bd51c58-6562-433d-ad5f-cea34bbc69b8" alt=""><figcaption></figcaption></figure>

* Flujos de chat de importación y exportación

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fa7ZcVwoDO8N7x8E4dhcE%2FScreenshot%202026-07-02%20at%2012.59.48%E2%80%AFPM.png?alt=media&amp;token=8f7bfbad-8b54-44b7-9e83-de032e526e39" alt=""><figcaption></figcaption></figure>

* Eliminar flujos no utilizados o desactualizados

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNrLDWIk5cDOycEDVtgSn%2FScreenshot%202026-07-02%20at%201.00.33%E2%80%AFPM.png?alt=media&amp;token=905ff851-cfac-4a36-a0ce-a4360c8546d5" alt=""><figcaption></figcaption></figure>

## Preguntas frecuentes

<details>

<summary>🔄 ¿Puedo editar un flujo de chat que ya está activado?</summary>

Si, cualquier cambio se puede hacer en vivo y se guarda al instante sin necesidad de dar click en un botón de "guardar".

</details>

<details>

<summary>🔀 ¿Puedo crear múltiples flujos para mi bot?</summary>

Si, puedes crear flujos ilimitados y conectarlos entre si con el componente "Redirigir".&#x20;

</details>

<details>

<summary>🗑️ ¿Qué pasa si elimino un flujo por accidente?</summary>

El flujo queda permanentemente eliminado y no se puede restaurar.&#x20;

</details>

<details>

<summary>♻️ ¿Puedo reusar flujos en otro chatbot diferente?</summary>

Si. Descargue el flujo e impórtalo a otro bot del mismo tipo.

</details>

<details>

<summary>Para que debería usar los "Flujos de Revisita"?</summary>

Los flujos de revisita permiten a los usuarios recurrentes acceder de nuevo a la misma conversación, lo que mejora la continuidad y la experiencia del usuario.

</details>


# Edita tu Flujo de Chat

Tu bot se ve genial, ahora, hagámoslo más inteligente. Edita tu chatbot para que se adapte a tus necesidades exactas.

{% embed url="<https://youtu.be/iE7abtK3sGM?si=AysHIjs7HDUXzKzK>" %}

## ¿Qué es un flujo de chat?

Un **flujo de chat** es la estructura de mensajes que determina cómo se desarrolla la conversación entre tu chatbot y el usuario. Es totalmente configurable y suele verse como un diagrama de bloques de mensajes y acciones conectados entre sí. Al diseñar el flujo, defines qué dice el bot, en qué orden, y cómo reacciona según las respuestas del usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiX5VsmcrMQKiIsaYCeRs%2FScreenshot%202024-04-10%20at%2016.35.32.png?alt=media&amp;token=02f0afac-a360-46cb-ac84-110d2e537ae4" alt=""><figcaption><p>Flujo de Chatbot</p></figcaption></figure>

## 1. ¿Cómo personalizar el flujo del chat?&#x20;

**1.1 Accede al editor de flujo:** En el panel de Demandu, selecciona tu bot y haz clic en la pestaña **“Edita tu flujo de chat”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F68bzbxLbeBzJGlB6HaZ7%2FScreenshot%202024-04-10%20at%2016.30.39.png?alt=media&amp;token=6b472f64-6e07-4fdc-9831-088f677b0a56" alt=""><figcaption></figcaption></figure>

**1.2 Plantilla de flujo precreada:** Verás una plantilla de flujo de chat ya creada con mensajes de ejemplo. Puedes usarla como base y modificarla según las necesidades de tu negocio. Incluso puedes **importar una plantilla** diferente desde la pestaña **“Importar plantilla”** en la esquina superior derecha si deseas comenzar con otro diseño de conversación.

## 2. Herramientas para editar el flujo del chat

{% embed url="<https://youtu.be/VBdlm0zP1_w?si=Q1Fn7159wiDtpWww>" %}

Demandu proporciona varias herramientas para modificar el flujo de forma fácil y rápida:

**2.1 "Añadir nuevo componente**": Haga clic aquí para ver una lista desplegable de todos los componentes disponibles que se pueden agregar al flujo, como pedir el nombre, el correo electrónico, el número de teléfono del usuario o colocar una pregunta de una sola opción o de opción múltiple para que los visitantes respondan. Esto ayuda en la generación de datos de usuario y clientes potenciales.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQCv56EjieiLtFk4fjibM%2FScreenshot%202024-04-10%20at%2016.38.18.png?alt=media&amp;token=197bf3e2-d259-47ae-a421-3fc300af90cf" alt=""><figcaption></figcaption></figure>

2.2 **Barra de zoom y vista:** En la esquina inferior izquierda del editor, tienes controles para ajustar la vista del diagrama:

* *Ajustar vista*: encuadra todo el flujo en la pantalla.
* *Acercar/alejar (zoom)*: para ver con más detalle o en perspectiva.
* *Eliminar* (ícono de papelera): borra todo el flujo actual (¡útil solo si deseas empezar desde cero!).
* *Bloquear* (candado): una vez satisfecho con el flujo, puedes bloquearlo para evitar ediciones accidentales.

2.3 **Mini mapa** en la pantalla lateral inferior derecha: te informa sobre la posición de flujo del chat incluso si está dislocada más allá de la pantalla.

2.4 **Conector de línea**: Para conectar componentes entre sí (establecer el orden de los mensajes), utiliza las flechas o puntos de conexión arrastrando una línea desde un componente hasta el siguiente.

2.5 **Flujo de prueba:** Un botón **“Probar flujo”** te permite simular la conversación y verificar cómo fluyen los mensajes entre el bot y un usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FWWcipslQ3wo08lHHOKNP%2FScreenshot%202024-04-10%20at%2016.39.34.png?alt=media&amp;token=4865a659-637b-4528-98d9-12b66915b07d" alt=""><figcaption></figcaption></figure>

## 3. Herramientas para editar el flujo del chat

**3.1 Agregar y personalizar componentes:** Para editar el contenido de un mensaje o acción, simplemente haz clic en ese componente en el diagrama. Por ejemplo, puedes hacer clic en el **mensaje de bienvenida** y cambiar el texto por uno que incluya el nombre de tu marca. Después de editar un mensaje.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fs0DbpXYvrHAqmtjetDLX%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.21.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a95ef73b-6e2e-49f5-9764-302bc75c1b80" alt=""><figcaption></figcaption></figure>

**3.2 Agregar componentes al flujo:** Como se mencionó, puedes usar el botón *Agregar nuevo componente* o hacer clic en el **icono “+”** que aparece al final de cada secuencia en el diagrama. Ambos métodos permiten insertar un nuevo bloque en el flujo.\
Ejemplo: Si deseas que el bot comparta el enlace de tu sitio web, puedes agregar un componente **“Enlace web”** al final del flujo. Luego, conecta ese bloque desde el mensaje anterior con un conector de línea, y personaliza el enlace (texto descriptivo y URL) en las opciones del componente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FCNEykC5xtw2JzKIrW5EJ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.22.20%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31ed85bb-577a-4b83-a6e5-3ce6a337c6bf" alt=""><figcaption></figcaption></figure>

**3.3 Conectar componentes en el flujo:** Cada componente tiene una opción para **“Ir al siguiente mensaje”**. Asegúrate de establecer qué componente sigue a cuál para que el flujo tenga continuidad. Por ejemplo, después de un bloque de *Pregunta de texto*, puedes conectar la respuesta a un bloque de *Acción* o a otro mensaje. Utiliza los conectores de línea para unirlos en el orden deseado.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fbjnquqoj9qutz4SQPKyY%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.23.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=2d48128c-eb24-4c97-a887-ce95bcac5bc8" alt=""><figcaption></figcaption></figure>

**3.4 Finalizar el flujo:** Siempre es aconsejable terminar el flujo con un componente de **“Fin de chat”**. Para ello, ve al último componente de tu secuencia y en su menú desplegable de “ir al siguiente”, selecciona **“Terminar chat”**. Esto indica al bot cuándo la conversación ha concluido. **Nota:** Es *obligatorio* añadir un final de chat; de lo contrario, el sistema puede generar un error y el flujo podría no funcionar correctamente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLF9aOfHQxTzqnW67dZCQ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.24.12%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=13ef55eb-be67-4cb7-8121-a6b41a64ac71" alt=""><figcaption></figcaption></figure>


# Componentes de Flujo

Los componentes de flujo en Demandu son elementos cruciales que te permiten construir y personalizar la experiencia de interacción entre tu chatbot y tus usuarios. Al usar estos componentes, puedes cr

## ¿Qué son los Componentes de Flujo?

Los componentes de flujo son módulos predefinidos que puedes arrastrar y soltar en el constructor de flujos de la plataforma Demandu. Cada componente tiene una función específica y puede ser configurado para interactuar con el usuario de diversas formas. Estos componentes facilitan la creación de flujos conversacionales de manera intuitiva y sin necesidad de conocimientos técnicos avanzados.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FALMhUlQfzgNzpzevKLhO%2FScreenshot%202024-09-09%20at%2010.06.18%E2%80%AFPM.png?alt=media&amp;token=d2f94dfb-d4b2-4e7d-80c9-26b6d7408b54" alt=""><figcaption></figcaption></figure>

## ¿Cómo Funcionan los Componentes de Flujo?

Los componentes de flujo funcionan integrándose entre sí para crear un camino conversacional lógico y coherente. Por ejemplo, puedes empezar solicitando el nombre del usuario, luego pedir su correo electrónico, y después ofrecerle opciones de productos según sus preferencias. Cada interacción puede ser personalizada para satisfacer las necesidades de tus usuarios y los objetivos de tu negocio.

### Función de los Componentes de Flujo

La función principal de los componentes de flujo es guiar la conversación y capturar información relevante de los usuarios. Aquí hay algunas funciones clave:

* **Recolectar Datos**: Solicitar y almacenar información del usuario, como nombre, correo electrónico, número de teléfono, etc.
* **Interactividad**: Proporcionar opciones y respuestas interactivas, permitiendo a los usuarios seleccionar entre múltiples opciones.
* **Envío de Contenidos**: Enviar mensajes, enlaces, imágenes, videos, y más.
* **Integración**: Conectarse con sistemas externos mediante webhooks y envíos de datos a CRM como Hubspot, Salesforce, entre otros.

## Importancia de Usar los Componentes de Flujo Adecuadamente

Usar los componentes de flujo de manera adecuada es fundamental para asegurar que la interacción con tus usuarios sea fluida, eficiente y cumpla con tus objetivos comerciales. Aquí algunos puntos clave:

1. **Experiencia del Usuario**: Un flujo bien diseñado mejora la experiencia del usuario, aumentando la satisfacción y la tasa de conversión.
2. **Eficiencia Operativa**: Automatizar interacciones comunes ahorra tiempo y recursos, permitiendo que tu equipo se enfoque en tareas más complejas.
3. **Precisión de Datos**: Capturar y almacenar información de manera efectiva garantiza que tengas datos precisos y utilizables para futuras campañas y análisis.
4. **Integraciones**: La capacidad de integrarse con sistemas CRM como Hubspot y Salesforce permite sincronizar datos automáticamente, mejorando la gestión de relaciones con clientes y la personalización de ofertas.

Con una buena comprensión y uso de los componentes de flujo de Demandu, puedes crear experiencias conversacionales ricas y efectivas **100% personalizables**, mejorar la recolección de datos y optimizar la gestión de relaciones con clientes. Vamos a explorar cada componente en detalle y ver cómo puedes aprovechar al máximo sus capacidades.

## Ejemplo de componentes y personalización

* Si deseas **preguntar varias cosas al usuario** (como nombre, email, preferencias), puedes añadir sucesivamente componentes de **Solicitud de información** (Nombre, Email, etc.) y conectarlos en orden.
* Para **ofrecer opciones múltiples** (por ejemplo, preguntar “¿En qué puedo ayudarte?” con varias opciones), agrega un componente **“Opción múltiple”**. Personaliza el texto de la pregunta y añade las opciones (Demanda te permite hasta 5 opciones). Luego conecta cada opción a distintos caminos si es necesario (usando la configuración dentro del mismo componente).
* Si quieres **respuestas inteligentes** según palabras clave que escriba el usuario, utiliza el componente **“Pregunta inteligente”**. Por ejemplo, puedes configurar palabras clave como *“precio”, “coste”* para que, si el usuario las menciona, el bot responda con información de precios. En las opciones del componente Pregunta inteligente:
  * Define las palabras clave y la condición de coincidencia (exacta o contenida en la frase del usuario).
  * Por cada conjunto de palabras clave, enlaza a la respuesta o siguiente bloque apropiado.
* El componente **“Chat en vivo”** te permite transferir la conversación a un agente humano. Puedes colocarlo, por ejemplo, después de que el bot maneje ciertas preguntas. Al activarse, notificará a un agente para continuar la charla. Personaliza el mensaje que el usuario verá (ej. “Te estoy conectando con un agente...”) y configura este bloque para que se asigne a tu equipo de soporte (ver más adelante la asignación automática de chats).

Cada componente que agregues se puede arrastrar y ubicar visualmente en el lienzo para organizar mejor el diagrama.

{% hint style="success" %}
**Consejo:** Guarda con frecuencia los cambios y prueba el flujo con distintos escenarios (usando **“Probar flujo”**) para asegurarte de que todas las rutas conversacionales funcionan como esperas.
{% endhint %}


# Solicitud de Información

Solicitar información (entrada del usuario)

Estos componentes **preguntan algo al usuario** y esperan una respuesta.&#x20;

{% hint style="info" %}
*Nota:* El flujo **no continuará** hasta que el usuario proporcione la información solicitada en estos componentes.
{% endhint %}

1. **Nombre:** Pide al usuario su nombre.

   * Al añadirlo desde “Agregar componente”, puedes personalizar el mensaje de solicitud (ej. “¿Cómo te llamas?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBl8l8Nlx2Fo1ocTpV7iU%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%206.36.50%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=e8cebe5f-1c8b-4137-9a7d-cc5381370676" alt=""><figcaption></figcaption></figure>
2. **Teléfono:** Solicita un número de teléfono.

   * Personaliza el mensaje (ej. “Por favor, ingresa tu número de teléfono”).
   * Puedes especificar un código de país predeterminado para el número en las opciones.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqkNseWWhg4A6rQIlkqSW%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.00.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=efb57ff3-eef5-4588-8102-d0562f311d60" alt=""><figcaption></figcaption></figure>
3. **Email:** Solicita la dirección de correo electrónico del usuario.

   * Personaliza el texto de la petición (ej. “¿Cuál es tu correo electrónico?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwWN7hU8zykz0SqVMF5j3%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.01.28%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=32c242ac-3417-4a61-a4c7-4b443298aa15" alt=""><figcaption></figcaption></figure>
4. **Opción única (Single Choice):** Presenta una pregunta con varias opciones, de las cuales el usuario solo puede elegir **una**.

   * Personaliza la pregunta y las opciones (hasta 5 opciones).
   * Debes vincular cada opción a su siguiente paso en el flujo (desde las opciones del componente).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FFyIcFDIabhYnLLPNIJG5%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.00.10%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=cfaebd1a-ab0d-4373-af1b-79b937133f84" alt=""><figcaption></figcaption></figure>
5. **Pregunta abierta (Texto):** Pide al usuario una respuesta libre (texto cualquiera).

   * Ejemplo: “¿En qué puedo ayudarte?” sin opciones predefinidas.
   * El usuario puede responder libremente, y deberás manejar esa respuesta (posiblemente con Pregunta inteligente o con acciones manuales).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLQqPfu9EE7jC705cll6u%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.05.00%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=1c4e923e-9429-468b-befa-85b1b0276ecd" alt=""><figcaption></figcaption></figure>
6. **Subir archivo (File Upload):** Solicita al usuario que adjunte un archivo, imagen o video.

   * Personaliza el mensaje (ej. “Sube una imagen de tu problema”).
   * El usuario verá la opción de cargar un archivo desde su dispositivo. *(El tamaño máximo admitido es generalmente 15 MB para videos en Demandu.)*

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FVa9PwP5iXmxz5JP2wz8z%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%202.54.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=400e0958-dbde-4170-ab07-0c6817a4fdb4" alt=""><figcaption></figcaption></figure>
7. **Agendar cita (Appointment):** Permite agendar una cita o seleccionar una franja horaria.

   * Puedes configurar el mensaje solicitando al usuario elegir un horario.
   * Define el horario disponible (hora de inicio y fin de disponibilidad diaria).
   * Define la duración o intervalos de las citas (ej. intervalos de 30 minutos).
   * Establece para cuántos días futuros se puede reservar.
   * Integra una aplicación de calendario externa si corresponde (por ejemplo, Google Calendar, SimplyBook, etc., si la plataforma lo ofrece).
   * Este componente recoge una fecha y hora preferida del usuario.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FRUSgkw84UH8UEv79KAmn%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.35.31%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0389cfa6-f5f9-49fd-90ce-8c6ab64fb73e" alt=""><figcaption></figcaption></figure>
8. **Ubicación (Location):** Pide una ubicación (en formato texto) al usuario.

   * Por ejemplo: “¿En qué ciudad te encuentras?”.
   * *Nota:* Este componente no solicita coordenadas ni mapas, solo texto de ubicación.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FN4cRlNOrCgKKKfc3R3dO%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.37.16%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fc816b19-d9fa-4d19-8460-9483c8d67471" alt=""><figcaption></figcaption></figure>
9. **Entrada numérica (Numeric Input):** Similar a Pregunta abierta, pero esperando específicamente un número.

   * Ejemplo: “¿Cuántos empleados tiene su empresa?” con validación para que ingrese solo dígitos.
   * Personaliza el mensaje e indica claramente que se espera un número.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSddsIIJfk5rEhC29tgdx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.40.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fdabc865-a91f-4d55-8bef-7260cc6c4025" alt=""><figcaption></figcaption></figure>
10. **Pregunta inteligente (Smart Question):** Permite que el bot interprete la respuesta libre del usuario para decidir el siguiente paso (palabras clave).

    * Especifica la pregunta o indicación (ej. “¿En qué puedo ayudarte?”).
    * Define conjuntos de **palabras clave** y asócialos a determinados siguientes pasos. Por ejemplo, palabras clave como *“precio”* o *“costos”* podrían dirigir a información de precios; palabras clave *“soporte”* o *“ayuda”* a un flujo de soporte.
    * Elige el modo de coincidencia: **exacta** (la respuesta debe coincidir exactamente con la palabra/frase) o **contener** (si la palabra aparece en la respuesta).
    * Puedes definir múltiples conjuntos de palabras clave. Cada conjunto puede desencadenar una ruta distinta del flujo.
    * Este componente es muy útil para crear un comportamiento similar a preguntas abiertas pero con entendimiento básico mediante palabras clave.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSrTyEpQgtYPQxiFmYezx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.41.02%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0bb3a864-98bc-44bb-85e2-cf3b98911162" alt=""><figcaption></figcaption></figure>
11. **Redirigir (Redirect):** Ya mencionado en la sección de flujos múltiples, este componente **no solicita información al usuario**, sino que salta a otro flujo interno.

    * Puedes incluir un mensaje breve antes de redirigir (opcional).
    * Selecciona del menú desplegable el flujo de destino (previamente creado en el bot).
    * Al activarse, el chat **cambiará al flujo seleccionado**, continuando allí la conversación.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYnEoj3u4Hht5vl9TsrQp%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.44.48%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b86ece44-f727-4e3a-94a9-b743a9ec2d00" alt=""><figcaption></figcaption></figure>
12. **API (Integración externa):** Este componente permite conectar el flujo con una integración o API de terceros configurada.

    * Úsalo para realizar, por ejemplo, una consulta externa (como a tu base de datos o servicio) durante la conversación.
    * En Demandu, seleccionarás la API preconfigurada que deseas llamar.
    * Puedes personalizar un mensaje de espera o de respuesta, y especificar qué hacer con el resultado:
      * Por ejemplo, puedes manejar **código 200 (éxito)** y **código 400 (error)** con rutas distintas en el flujo (continuar a un mensaje de éxito o de error).

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fmoa16t377sq3orgEUQXi%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.50.06%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=f734a6bc-0a1e-4956-a7f3-15dde0db0c32" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
*Nota:* Configurar APIs externas puede requerir haber introducido credenciales o claves en la sección de **Desarrolladores** de Demandu. Consulta la[ documentación de integraciones](/guia-de-productos-y-formacion/referencias-api/integracion-de-api-de-terceros) API para más detalles.
{% endhint %}


# Enviar información

(salida al usuario)

Estos componentes **envían mensajes o contenido al usuario** sin requerir una entrada inmediata. Suelen ser respuestas del bot.

1. **Mensaje:** Envía un mensaje de texto simple al usuario.
   * Ejemplo: un saludo, una explicación o cualquier texto informativo.
   * Puedes agregar variables personalizadas dentro del mensaje (ver más abajo cómo usar variables).
2. **Imagen/GIF:** Muestra una imagen o GIF animado al usuario.
   * Puedes añadir un texto que acompañe la imagen (ej. “Aquí está la foto que pediste:”).
   * Opciones:
     * Buscar un GIF por nombre (se integra con un servicio de GIFs).
     * Subir una imagen desde tu dispositivo o pegar una URL de imagen.
   * La imagen/GIF aparecerá directamente en el chat.
3. **Video:** Envía un video en el chat.
   * Añade un texto descriptivo si lo deseas (ej. “Video explicativo:”).
   * Proporciona una URL de video o sube un archivo de video (recordando la limitación de tamaño, p. ej. 15 MB).
   * El usuario podrá reproducir el video dentro de la ventana de chat.
4. **Enlace web:** Comparte uno o varios enlaces clicables.
   * Incluye un texto introductorio si se necesita.
   * Indica la plataforma de destino desde un desplegable (generalmente “Website” para enlace web).
   * Para cada enlace: especifica un **título** visible y la **URL** correspondiente.
   * Puedes agregar múltiples enlaces. Cada título aparecerá como un botón o enlace en el chat; al hacer clic, se abrirá la página correspondiente.

###


# Acciones

(disparadores de funciones avanzadas)

Estos componentes **ejecutan acciones especiales** en el chat o la plataforma:

1. **Chat en vivo (Live Chat):** Inicia un chat en vivo con un agente humano disponible.
   * Cuando el usuario llega a este punto, se genera una solicitud de chat en vivo para tu equipo.
   * Puedes configurar un mensaje para el usuario indicando que será atendido por un agente (ej. “Te conectaremos con un agente ahora...”).
   * Este componente está ligado a tu configuración de **Equipo**: se asignará la conversación a un miembro del equipo con rol de soporte.
   * (Consulta también el componente *Asignar chat*, descrito más abajo, para control de a quién se asigna.)
2. **ChatGPT (IA):** Activa el motor de IA (ChatGPT) dentro del flujo de chat para que el bot responda dinámicamente.
   * Al llegar aquí, el chatbot empezará a utilizar la IA de Demandu (basada en GPT) para responder preguntas abiertas del usuario.
   * Puedes establecer un mensaje inicial antes de las respuestas de IA (ej. “Claro, déjame pensar...”).
   * Define cuántas interacciones (preguntas) seguidas manejará la IA (número de consultas que la IA resolverá en esta sesión).
   * **Sugerencias de consulta:** Puedes habilitar una caja de sugerencias (hasta 3 sugerencias) para guiar al usuario en qué preguntar. Si la activas, proporciona hasta 3 ejemplos de preguntas que el usuario puede hacer, que aparecerán como botones rápidos.
   * Este componente funciona mejor si has **entrenado tu IA** con datos relevantes (ver la sección de Entrenar chatbot con IA más abajo). La IA usará tanto los datos entrenados como su modelo de lenguaje para responder.
3. **Asignar chat (Assign Chat):** Asigna automáticamente la conversación de chat en vivo a un miembro de tu equipo.
   * Puedes optar por asignar a un **miembro específico** (seleccionas su nombre de la lista de tu equipo) *o* asignar por **departamento**.
   * Si asignas por departamento, Demandu usará la lógica **“Round Robin”**: distribuirá equitativamente las solicitudes de chat entre los miembros del departamento, uno por uno.
   * Opciones adicionales:
     * No asignar a agentes desconectados (fuera de línea).
     * Asignar solo a agentes dentro del horario laboral configurado (si tienes horarios de atención definidos).
   * Este componente complementa al de Chat en vivo; puedes usarlo para decidir cómo se reparte la conversación en vivo.
4. **Condición If/Else (rama condicional):** Permite tomar decisiones en el flujo basado en condiciones definidas (normalmente sobre datos del usuario o respuestas previas).
   * Con este componente, puedes crear bifurcaciones lógicas. Por ejemplo: “Si el cliente seleccionó ‘Soporte’, ir al flujo de soporte; de lo contrario, seguir al flujo de ventas”.
   * Para configurarlo: haz clic en **“Añadir condición If/Else”**.
   * Selecciona el tipo de dato o propiedad a evaluar:
     * Puede ser una **respuesta del visitante** previa, un **atributo personalizado** que tengas guardado, una **propiedad de contacto** (p. ej., si ya es cliente o no) o una **propiedad de la conversación**.
   * Define la comparación: igual a, distinto de, mayor que, menor que, etc., según el tipo de dato.
   * Introduce el valor a comparar. Puedes añadir múltiples condiciones **AND** (todas deben cumplirse) o **OR** (cualquiera que se cumpla dispara la rama).
   * Una vez definidas las condiciones, conectas la salida verdadera (If) y la salida falsa (Else) hacia diferentes componentes en el flujo (en el editor verás ramas separadas para cada caso).
   * Ejemplo: *Si* `tipoUsuario` es “Cliente existente”, *entonces* mostrar opciones de soporte avanzado, *si no* (else) ofrecer información de productos.

#### Configuraciones globales en el flujo

* **Uso de “Ir al siguiente mensaje”:** Este ajuste aparece en cada componente. Sirve para enlazar manualmente el próximo bloque a ejecutar tras el actual, en caso de que no esté definido por defecto. Por lo general, se utiliza en componentes que no tienen una salida específica (como un mensaje final). Asegúrate de utilizarlo para encadenar bien la secuencia de tu chat.
* **Variables personalizadas en mensajes:** En cualquier mensaje de salida (texto), puedes insertar variables dinámicas (como el nombre del usuario, el correo, etc.) escribiendo **`/`** en el editor de texto del mensaje. Aparecerá un menú desplegable de variables predefinidas (por ejemplo: `/name` para el nombre del visitante si se solicitó antes). Selecciona la variable para incluirla. Cuando el bot envíe ese mensaje, reemplazará la variable por el valor real correspondiente.


# Redirigir (Múltiples Flujos Interconectados)

Esta página contiene toda la información sobre cómo crear múltiples flujos en el bot y usar el componente de redirección para activarlos en el flujo de chat.

La plataforma Demandu te permite crear **múltiples flujos de chat** dentro de un mismo bot, y usar un componente especial de **Redirección** para saltar de un flujo a otro durante la conversación. Esto es útil si tienes, por ejemplo, distintos sub-flujos para diferentes temas o secciones (ventas, soporte, reservas, etc.) y quieres invocarlos según las respuestas del usuario.

## ¿Cómo configurar flujos múltiples con redirección?

**Crear un nuevo flujo:** En la sección **“Edita tu flujo de chat”**, haz clic en **“Crear nuevo flujo”**. Asigna un nombre a este flujo (por ejemplo, *Flujo de Soporte*) y créalo. Luego diseña este flujo como lo harías normalmente. El nuevo flujo aparecerá listado en la página de edición.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FY2jBmhZbRm60MC0sI6lp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.37.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=62cb9da3-97e6-4387-ac36-a11170efa003" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fqm0OTXr7mgt9J6u7xTJ8%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.38.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=ad479a13-5561-4f11-9846-45e9f36d799f" alt=""><figcaption></figcaption></figure>

Introduce el nombre:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FJ1DQnQ1YOgYGRlYWYKDm%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.39.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=38da37ad-07e4-4c7a-a858-08bf746d3879" alt=""><figcaption></figcaption></figure>

Configura el nuevo flujo con la interacción que deseas:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FgJ915hocKYRTcoeA5Ydp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.40.13%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=8a424296-d86f-42e0-ab4c-3e917283f935" alt=""><figcaption></figcaption></figure>

Aparecerá en tu lista de Flujos con el nombre que configuraste:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlSBiEus0iY5PjGbfsn6j%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.41.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b5d040a0-d1ab-4115-b6b6-58d337b5c7fa" alt=""><figcaption></figcaption></figure>

**Agregar componente de Redirección en un flujo existente:** Ve a otro flujo (por ejemplo, el flujo principal) donde quieras insertar la bifurcación. En ese punto del flujo, agrega el componente **“Redirigir”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FavyzWfRBOAWsSaXKvE5d%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.45.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=91067b78-5d64-4b85-b060-5cb82b801885" alt=""><figcaption></figcaption></figure>

**Configurar la redirección:** En las opciones del componente Redirigir, selecciona del desplegable el nombre del flujo al que deseas que salte (por ejemplo, *Flujo de Soporte* creado en el paso 1). Puedes añadir un breve texto antes de redirigir (ej. “Permíteme comprobar esa información...”).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F3rLdkTzxa1i7WQZxwRTr%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.47.08%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=7b381ed6-febe-4648-97a8-b31d60e2680c" alt=""><figcaption></figcaption></figure>

**Resultado de la redirección:** Una vez configurado, cuando la conversación llegue a ese componente, el chatbot **cambiará al flujo seleccionado**. A partir de ahí, seguirá los mensajes y lógica de ese flujo secundario.

Con este método, puedes conectar fluidamente varios flujos dentro de un mismo bot. Esto aumenta la flexibilidad de las interacciones, permitiendo manejar distintos escenarios de conversación sin tener que construir un único flujo enorme.


# Crea tu Chatbot de Facebook

Aquí encontrarás los pasos para crear tu chatbot de Facebook.

## ¿Por qué Facebook Chatbot?

Crear un chatbot de Facebook ofrece varios beneficios que pueden mejorar significativamente su presencia en línea y sus operaciones comerciales:

* 👩🏻‍💻 **Atención al cliente 24/7:** Puede responder instantáneamente a las consultas de los clientes en cualquier momento del día.
* 💬 **Mayor compromiso**: los chatbots pueden interactuar con su audiencia en tiempo real, enviando mensajes personalizados, actualizaciones y promociones.
* 🫱🏻‍🫲🏽 **Generación de clientes potenciales**: Al interactuar con los visitantes y tomar información esencial, los chatbots pueden ayudar a generar clientes potenciales, facilitando la conversión de clientes potenciales en clientes reales.
* ⬆️ **Escalabilidad**: A diferencia de los agentes humanos, los chatbots pueden manejar múltiples conversaciones simultáneamente.

Para crear tu chatbot de Facebook y administrar todos tus chatbots, primero debes visitar el panel de control de Demandu \*\*:\*\* <https://app.demandu.tech>

### 🚀 ***Paso 1: El punto de partida***&#x20;

Entra a tu panel de Demandu y haz clic en el botón azul "***Crear nuevo bot***". ¡Es el inicio de algo grande!

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FN9QxrdOFgqsfjfdTGmBD%2F1.jpeg?alt=media&amp;token=6f8442aa-dc36-47c4-a1b5-1b190781298c" alt=""><figcaption></figcaption></figure>

### &#x20;💙 ***Paso 2: Conecta con Facebook.***

En la selección de plataformas, busca y haz clic en "***Chatbot de Facebook***".&#x20;

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu**</mark><mark style="color:blue;">: Asegúrate de tener permisos de</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**administrador**</mark> <mark style="color:blue;"></mark><mark style="color:blue;">en la Fan Page.</mark>*
{% endhint %}

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FjLMMx2NWPpqqoUQMJGcT%2F2.jpeg?alt=media&amp;token=1ceb86a6-6a8e-4cca-97a8-d92922b8a7e4" alt=""><figcaption></figcaption></figure>

### ***🎯 Paso 3: Elige tu misión***

Selecciona el propósito de tu bot. Para la mayoría de los negocios, "***Atención al cliente***" es la opción ideal para resolver dudas frecuentes y guiar a los usuarios.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FF6BqGkUTrmzTKAnl18jj%2F3.jpeg?alt=media&amp;token=ff6a0dbd-b035-4d9d-b4d0-90b67f807713" alt=""><figcaption></figcaption></figure>

### &#x20;🛠️ ***Paso 4: Configuración y Lanzamiento.***&#x20;

***¡Ya casi terminamos!***

Haz clic en el botón "***Acceso***". Se abrirá una ventana para vincular tu cuenta. Solo inicia sesión con tu perfil de Facebook.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLPmwz7R7jWCCRFbnDSC3%2F4.jpeg?alt=media&amp;token=3665cf61-2642-4cfb-a731-2fc7ef1813be" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQv2TBlLqk5ESGr1XljlF%2F5.jpeg?alt=media&amp;token=75085351-e02e-48cc-8c11-db7f5bb0df49" alt=""><figcaption></figcaption></figure>

Verifica que tu cuenta de Facebook aparezca en la lista.

Selecciona la cuenta de negocios ***(Fan Page)*** específica que quieres automatizar y pulsa "***Siguiente***".

Completa los datos restantes de tu empresa y haz clic en "***Guardar***".

#### 🎉  ***¡Y listo!*** Tu chatbot de Facebook ya está configurado. Ahora puedes empezar a diseñar las respuestas que enamorarán a tus clientes.


# Gestionar el flujo de chat

La sección Editar y administrar flujos de chat te permite diseñar, personalizar y controlar cómo interactúa tu chatbot con los usuarios a través de flujos conversacionales estructurados.

La sección **Editar y administrar flujos de chat** te permite ver, actualizar, organizar y controlar todos los flujos de conversación creados para tu chatbot. Desde aquí, puedes ajustar la interacción de tu bot con los usuarios editando mensajes, gestionando múltiples flujos y definiendo cómo y cuándo se activa cada uno.

Esta sección es fundamental para mantener conversaciones de chatbot precisas, atractivas y orientadas a objetivos.

### Qué puedes hacer aquí

Utilizando la página Editar y administrar Chatflow, puede:

* Editar flujos de chat existentes

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Al hacer clic en "Classic Builder", se cambiará el modo visual.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FV6YXs3lALsUA1oW3jHjO%2FScreenshot%202026-07-02%20at%2012.31.04%E2%80%AFPM.png?alt=media&amp;token=354bf5b7-bb5c-480f-96a2-c7dbc9859ec6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkIhNklSPzJzHvffiM1d4%2FScreenshot%202026-07-02%20at%2012.37.10%E2%80%AFPM.png?alt=media&amp;token=3653ce95-5662-4fec-8da1-6e2bdd4a99b1" alt=""><figcaption></figcaption></figure>

* Haga clic en el botón "Visualise Flow" para cambiar avanzado.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Haga doble clic en el componente para abrir la ventana de configuración un componente en particular.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F2Oniq6tNStcUrBIEC8cq%2FScreenshot%202026-07-02%20at%2012.34.30%E2%80%AFPM.png?alt=media&amp;token=b283affb-17e5-4f12-b1e2-caff6cbc5ab1" alt=""><figcaption></figcaption></figure>

* Configure los ajustes generales y avanzados del componente en particular.
* Crea y gestiona múltiples flujos con la ayuda del componente Redirect.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FDyxpB3lKhGwMbiOtVKBA%2FScreenshot%202026-07-02%20at%2012.55.02%E2%80%AFPM.png?alt=media&amp;token=424940ab-4e0c-4b30-9e39-afaad6168b8f" alt=""><figcaption></figcaption></figure>

* Establecer un flujo de chat predeterminado

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F54s7hrEDGhbzdzcGMK3f%2FScreenshot%202026-07-02%20at%2012.57.41%E2%80%AFPM.png?alt=media&amp;token=abe9137a-e2c0-4ea3-a402-e37b1c3e22e1" alt=""><figcaption></figcaption></figure>

* Habilitar o deshabilitar los flujos de revisita

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGlLDWjRnsWx0OnGJ3uuZ%2FScreenshot%202026-07-02%20at%2012.58.46%E2%80%AFPM.png?alt=media&amp;token=4bd51c58-6562-433d-ad5f-cea34bbc69b8" alt=""><figcaption></figcaption></figure>

* Flujos de chat de importación y exportación

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fa7ZcVwoDO8N7x8E4dhcE%2FScreenshot%202026-07-02%20at%2012.59.48%E2%80%AFPM.png?alt=media&amp;token=8f7bfbad-8b54-44b7-9e83-de032e526e39" alt=""><figcaption></figcaption></figure>

* Eliminar flujos no utilizados o desactualizados

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNrLDWIk5cDOycEDVtgSn%2FScreenshot%202026-07-02%20at%201.00.33%E2%80%AFPM.png?alt=media&amp;token=905ff851-cfac-4a36-a0ce-a4360c8546d5" alt=""><figcaption></figcaption></figure>

## Preguntas frecuentes

<details>

<summary>Puedo editar un flujo de chat que está activado? </summary>

Si, cualquier cambio se puede hacer en vivo y se guarda al instante sin necesidad de dar click en un botón de "guardar".

</details>

<details>

<summary>Puedo crear múltiples flujos? </summary>

Si, puedes crear flujos ilimitados y conectarlos entre si con el componente "Redirigir".&#x20;

</details>

<details>

<summary>Que pasa si elimino un flujo?</summary>

El flujo queda permanentemente eliminado y no se puede restaurar.&#x20;

</details>

<details>

<summary>Puedo reusar flujos en otro chatbot? </summary>

Si. Descargue el flujo e impórtalo a otro bot del mismo tipo.

</details>

<details>

<summary>Para que debería usar los "Flujos de Revisita"?</summary>

Los flujos de revisita permiten a los usuarios recurrentes acceder de nuevo a la misma conversación, lo que mejora la continuidad y la experiencia del usuario.

</details>


# Edita tu Flujo de Chat

Tu bot se ve genial, ahora, hagámoslo más inteligente. Edita tu chatbot para que se adapte a tus necesidades exactas.

{% embed url="<https://youtu.be/iE7abtK3sGM?si=AysHIjs7HDUXzKzK>" %}

## ¿Qué es un flujo de chat?

Un **flujo de chat** es la estructura de mensajes que determina cómo se desarrolla la conversación entre tu chatbot y el usuario. Es totalmente configurable y suele verse como un diagrama de bloques de mensajes y acciones conectados entre sí. Al diseñar el flujo, defines qué dice el bot, en qué orden, y cómo reacciona según las respuestas del usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiX5VsmcrMQKiIsaYCeRs%2FScreenshot%202024-04-10%20at%2016.35.32.png?alt=media&amp;token=02f0afac-a360-46cb-ac84-110d2e537ae4" alt=""><figcaption><p>Flujo de Chatbot</p></figcaption></figure>

## 1. ¿Cómo personalizar el flujo del chat?&#x20;

**1.1 Accede al editor de flujo:** En el panel de Demandu, selecciona tu bot y haz clic en la pestaña **“Edita tu flujo de chat”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F68bzbxLbeBzJGlB6HaZ7%2FScreenshot%202024-04-10%20at%2016.30.39.png?alt=media&amp;token=6b472f64-6e07-4fdc-9831-088f677b0a56" alt=""><figcaption></figcaption></figure>

**1.2 Plantilla de flujo precreada:** Verás una plantilla de flujo de chat ya creada con mensajes de ejemplo. Puedes usarla como base y modificarla según las necesidades de tu negocio. Incluso puedes **importar una plantilla** diferente desde la pestaña **“Importar plantilla”** en la esquina superior derecha si deseas comenzar con otro diseño de conversación.

## 2. Herramientas para editar el flujo del chat

{% embed url="<https://youtu.be/VBdlm0zP1_w?si=Q1Fn7159wiDtpWww>" %}

Demandu proporciona varias herramientas para modificar el flujo de forma fácil y rápida:

**2.1 "Añadir nuevo componente**": Haga clic aquí para ver una lista desplegable de todos los componentes disponibles que se pueden agregar al flujo, como pedir el nombre, el correo electrónico, el número de teléfono del usuario o colocar una pregunta de una sola opción o de opción múltiple para que los visitantes respondan. Esto ayuda en la generación de datos de usuario y clientes potenciales.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQCv56EjieiLtFk4fjibM%2FScreenshot%202024-04-10%20at%2016.38.18.png?alt=media&amp;token=197bf3e2-d259-47ae-a421-3fc300af90cf" alt=""><figcaption></figcaption></figure>

2.2 **Barra de zoom y vista:** En la esquina inferior izquierda del editor, tienes controles para ajustar la vista del diagrama:

* *Ajustar vista*: encuadra todo el flujo en la pantalla.
* *Acercar/alejar (zoom)*: para ver con más detalle o en perspectiva.
* *Eliminar* (ícono de papelera): borra todo el flujo actual (¡útil solo si deseas empezar desde cero!).
* *Bloquear* (candado): una vez satisfecho con el flujo, puedes bloquearlo para evitar ediciones accidentales.

2.3 **Mini mapa** en la pantalla lateral inferior derecha: te informa sobre la posición de flujo del chat incluso si está dislocada más allá de la pantalla.

2.4 **Conector de línea**: Para conectar componentes entre sí (establecer el orden de los mensajes), utiliza las flechas o puntos de conexión arrastrando una línea desde un componente hasta el siguiente.

2.5 **Flujo de prueba:** Un botón **“Probar flujo”** te permite simular la conversación y verificar cómo fluyen los mensajes entre el bot y un usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FWWcipslQ3wo08lHHOKNP%2FScreenshot%202024-04-10%20at%2016.39.34.png?alt=media&amp;token=4865a659-637b-4528-98d9-12b66915b07d" alt=""><figcaption></figcaption></figure>

## 3. Herramientas para editar el flujo del chat

**3.1 Agregar y personalizar componentes:** Para editar el contenido de un mensaje o acción, simplemente haz clic en ese componente en el diagrama. Por ejemplo, puedes hacer clic en el **mensaje de bienvenida** y cambiar el texto por uno que incluya el nombre de tu marca. Después de editar un mensaje.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fs0DbpXYvrHAqmtjetDLX%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.21.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a95ef73b-6e2e-49f5-9764-302bc75c1b80" alt=""><figcaption></figcaption></figure>

**3.2 Agregar componentes al flujo:** Como se mencionó, puedes usar el botón *Agregar nuevo componente* o hacer clic en el **icono “+”** que aparece al final de cada secuencia en el diagrama. Ambos métodos permiten insertar un nuevo bloque en el flujo.\
Ejemplo: Si deseas que el bot comparta el enlace de tu sitio web, puedes agregar un componente **“Enlace web”** al final del flujo. Luego, conecta ese bloque desde el mensaje anterior con un conector de línea, y personaliza el enlace (texto descriptivo y URL) en las opciones del componente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FCNEykC5xtw2JzKIrW5EJ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.22.20%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31ed85bb-577a-4b83-a6e5-3ce6a337c6bf" alt=""><figcaption></figcaption></figure>

**3.3 Conectar componentes en el flujo:** Cada componente tiene una opción para **“Ir al siguiente mensaje”**. Asegúrate de establecer qué componente sigue a cuál para que el flujo tenga continuidad. Por ejemplo, después de un bloque de *Pregunta de texto*, puedes conectar la respuesta a un bloque de *Acción* o a otro mensaje. Utiliza los conectores de línea para unirlos en el orden deseado.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fbjnquqoj9qutz4SQPKyY%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.23.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=2d48128c-eb24-4c97-a887-ce95bcac5bc8" alt=""><figcaption></figcaption></figure>

**3.4 Finalizar el flujo:** Siempre es aconsejable terminar el flujo con un componente de **“Fin de chat”**. Para ello, ve al último componente de tu secuencia y en su menú desplegable de “ir al siguiente”, selecciona **“Terminar chat”**. Esto indica al bot cuándo la conversación ha concluido. **Nota:** Es *obligatorio* añadir un final de chat; de lo contrario, el sistema puede generar un error y el flujo podría no funcionar correctamente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLF9aOfHQxTzqnW67dZCQ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.24.12%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=13ef55eb-be67-4cb7-8121-a6b41a64ac71" alt=""><figcaption></figcaption></figure>


# Componentes de Flujo

Los componentes de flujo en Demandu son elementos cruciales que te permiten construir y personalizar la experiencia de interacción entre tu chatbot y tus usuarios. Al usar estos componentes, puedes cr

## ¿Qué son los Componentes de Flujo?

Los componentes de flujo son módulos predefinidos que puedes arrastrar y soltar en el constructor de flujos de la plataforma Demandu. Cada componente tiene una función específica y puede ser configurado para interactuar con el usuario de diversas formas. Estos componentes facilitan la creación de flujos conversacionales de manera intuitiva y sin necesidad de conocimientos técnicos avanzados.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FALMhUlQfzgNzpzevKLhO%2FScreenshot%202024-09-09%20at%2010.06.18%E2%80%AFPM.png?alt=media&amp;token=d2f94dfb-d4b2-4e7d-80c9-26b6d7408b54" alt=""><figcaption></figcaption></figure>

## ¿Cómo Funcionan los Componentes de Flujo?

Los componentes de flujo funcionan integrándose entre sí para crear un camino conversacional lógico y coherente. Por ejemplo, puedes empezar solicitando el nombre del usuario, luego pedir su correo electrónico, y después ofrecerle opciones de productos según sus preferencias. Cada interacción puede ser personalizada para satisfacer las necesidades de tus usuarios y los objetivos de tu negocio.

### Función de los Componentes de Flujo

La función principal de los componentes de flujo es guiar la conversación y capturar información relevante de los usuarios. Aquí hay algunas funciones clave:

* **Recolectar Datos**: Solicitar y almacenar información del usuario, como nombre, correo electrónico, número de teléfono, etc.
* **Interactividad**: Proporcionar opciones y respuestas interactivas, permitiendo a los usuarios seleccionar entre múltiples opciones.
* **Envío de Contenidos**: Enviar mensajes, enlaces, imágenes, videos, y más.
* **Integración**: Conectarse con sistemas externos mediante webhooks y envíos de datos a CRM como Hubspot, Salesforce, entre otros.

## Importancia de Usar los Componentes de Flujo Adecuadamente

Usar los componentes de flujo de manera adecuada es fundamental para asegurar que la interacción con tus usuarios sea fluida, eficiente y cumpla con tus objetivos comerciales. Aquí algunos puntos clave:

1. **Experiencia del Usuario**: Un flujo bien diseñado mejora la experiencia del usuario, aumentando la satisfacción y la tasa de conversión.
2. **Eficiencia Operativa**: Automatizar interacciones comunes ahorra tiempo y recursos, permitiendo que tu equipo se enfoque en tareas más complejas.
3. **Precisión de Datos**: Capturar y almacenar información de manera efectiva garantiza que tengas datos precisos y utilizables para futuras campañas y análisis.
4. **Integraciones**: La capacidad de integrarse con sistemas CRM como Hubspot y Salesforce permite sincronizar datos automáticamente, mejorando la gestión de relaciones con clientes y la personalización de ofertas.

Con una buena comprensión y uso de los componentes de flujo de Demandu, puedes crear experiencias conversacionales ricas y efectivas **100% personalizables**, mejorar la recolección de datos y optimizar la gestión de relaciones con clientes. Vamos a explorar cada componente en detalle y ver cómo puedes aprovechar al máximo sus capacidades.

## Ejemplo de componentes y personalización

* Si deseas **preguntar varias cosas al usuario** (como nombre, email, preferencias), puedes añadir sucesivamente componentes de **Solicitud de información** (Nombre, Email, etc.) y conectarlos en orden.
* Para **ofrecer opciones múltiples** (por ejemplo, preguntar “¿En qué puedo ayudarte?” con varias opciones), agrega un componente **“Opción múltiple”**. Personaliza el texto de la pregunta y añade las opciones (Demanda te permite hasta 5 opciones). Luego conecta cada opción a distintos caminos si es necesario (usando la configuración dentro del mismo componente).
* Si quieres **respuestas inteligentes** según palabras clave que escriba el usuario, utiliza el componente **“Pregunta inteligente”**. Por ejemplo, puedes configurar palabras clave como *“precio”, “coste”* para que, si el usuario las menciona, el bot responda con información de precios. En las opciones del componente Pregunta inteligente:
  * Define las palabras clave y la condición de coincidencia (exacta o contenida en la frase del usuario).
  * Por cada conjunto de palabras clave, enlaza a la respuesta o siguiente bloque apropiado.
* El componente **“Chat en vivo”** te permite transferir la conversación a un agente humano. Puedes colocarlo, por ejemplo, después de que el bot maneje ciertas preguntas. Al activarse, notificará a un agente para continuar la charla. Personaliza el mensaje que el usuario verá (ej. “Te estoy conectando con un agente...”) y configura este bloque para que se asigne a tu equipo de soporte (ver más adelante la asignación automática de chats).

Cada componente que agregues se puede arrastrar y ubicar visualmente en el lienzo para organizar mejor el diagrama.

{% hint style="success" %}
**Consejo:** Guarda con frecuencia los cambios y prueba el flujo con distintos escenarios (usando **“Probar flujo”**) para asegurarte de que todas las rutas conversacionales funcionan como esperas.
{% endhint %}


# Solicitud de Información

Solicitar información (entrada del usuario)

Estos componentes **preguntan algo al usuario** y esperan una respuesta.&#x20;

{% hint style="info" %}
*Nota:* El flujo **no continuará** hasta que el usuario proporcione la información solicitada en estos componentes.
{% endhint %}

1. **Nombre:** Pide al usuario su nombre.

   * Al añadirlo desde “Agregar componente”, puedes personalizar el mensaje de solicitud (ej. “¿Cómo te llamas?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBl8l8Nlx2Fo1ocTpV7iU%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%206.36.50%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=e8cebe5f-1c8b-4137-9a7d-cc5381370676" alt=""><figcaption></figcaption></figure>
2. **Teléfono:** Solicita un número de teléfono.

   * Personaliza el mensaje (ej. “Por favor, ingresa tu número de teléfono”).
   * Puedes especificar un código de país predeterminado para el número en las opciones.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqkNseWWhg4A6rQIlkqSW%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.00.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=efb57ff3-eef5-4588-8102-d0562f311d60" alt=""><figcaption></figcaption></figure>
3. **Email:** Solicita la dirección de correo electrónico del usuario.

   * Personaliza el texto de la petición (ej. “¿Cuál es tu correo electrónico?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwWN7hU8zykz0SqVMF5j3%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.01.28%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=32c242ac-3417-4a61-a4c7-4b443298aa15" alt=""><figcaption></figcaption></figure>
4. **Opción única (Single Choice):** Presenta una pregunta con varias opciones, de las cuales el usuario solo puede elegir **una**.

   * Personaliza la pregunta y las opciones (hasta 5 opciones).
   * Debes vincular cada opción a su siguiente paso en el flujo (desde las opciones del componente).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FFyIcFDIabhYnLLPNIJG5%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.00.10%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=cfaebd1a-ab0d-4373-af1b-79b937133f84" alt=""><figcaption></figcaption></figure>
5. **Pregunta abierta (Texto):** Pide al usuario una respuesta libre (texto cualquiera).

   * Ejemplo: “¿En qué puedo ayudarte?” sin opciones predefinidas.
   * El usuario puede responder libremente, y deberás manejar esa respuesta (posiblemente con Pregunta inteligente o con acciones manuales).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLQqPfu9EE7jC705cll6u%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.05.00%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=1c4e923e-9429-468b-befa-85b1b0276ecd" alt=""><figcaption></figcaption></figure>
6. **Subir archivo (File Upload):** Solicita al usuario que adjunte un archivo, imagen o video.

   * Personaliza el mensaje (ej. “Sube una imagen de tu problema”).
   * El usuario verá la opción de cargar un archivo desde su dispositivo. *(El tamaño máximo admitido es generalmente 15 MB para videos en Demandu.)*

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FVa9PwP5iXmxz5JP2wz8z%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%202.54.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=400e0958-dbde-4170-ab07-0c6817a4fdb4" alt=""><figcaption></figcaption></figure>
7. **Agendar cita (Appointment):** Permite agendar una cita o seleccionar una franja horaria.

   * Puedes configurar el mensaje solicitando al usuario elegir un horario.
   * Define el horario disponible (hora de inicio y fin de disponibilidad diaria).
   * Define la duración o intervalos de las citas (ej. intervalos de 30 minutos).
   * Establece para cuántos días futuros se puede reservar.
   * Integra una aplicación de calendario externa si corresponde (por ejemplo, Google Calendar, SimplyBook, etc., si la plataforma lo ofrece).
   * Este componente recoge una fecha y hora preferida del usuario.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FRUSgkw84UH8UEv79KAmn%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.35.31%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0389cfa6-f5f9-49fd-90ce-8c6ab64fb73e" alt=""><figcaption></figcaption></figure>
8. **Ubicación (Location):** Pide una ubicación (en formato texto) al usuario.

   * Por ejemplo: “¿En qué ciudad te encuentras?”.
   * *Nota:* Este componente no solicita coordenadas ni mapas, solo texto de ubicación.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FN4cRlNOrCgKKKfc3R3dO%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.37.16%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fc816b19-d9fa-4d19-8460-9483c8d67471" alt=""><figcaption></figcaption></figure>
9. **Entrada numérica (Numeric Input):** Similar a Pregunta abierta, pero esperando específicamente un número.

   * Ejemplo: “¿Cuántos empleados tiene su empresa?” con validación para que ingrese solo dígitos.
   * Personaliza el mensaje e indica claramente que se espera un número.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSddsIIJfk5rEhC29tgdx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.40.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fdabc865-a91f-4d55-8bef-7260cc6c4025" alt=""><figcaption></figcaption></figure>
10. **Pregunta inteligente (Smart Question):** Permite que el bot interprete la respuesta libre del usuario para decidir el siguiente paso (palabras clave).

    * Especifica la pregunta o indicación (ej. “¿En qué puedo ayudarte?”).
    * Define conjuntos de **palabras clave** y asócialos a determinados siguientes pasos. Por ejemplo, palabras clave como *“precio”* o *“costos”* podrían dirigir a información de precios; palabras clave *“soporte”* o *“ayuda”* a un flujo de soporte.
    * Elige el modo de coincidencia: **exacta** (la respuesta debe coincidir exactamente con la palabra/frase) o **contener** (si la palabra aparece en la respuesta).
    * Puedes definir múltiples conjuntos de palabras clave. Cada conjunto puede desencadenar una ruta distinta del flujo.
    * Este componente es muy útil para crear un comportamiento similar a preguntas abiertas pero con entendimiento básico mediante palabras clave.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSrTyEpQgtYPQxiFmYezx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.41.02%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0bb3a864-98bc-44bb-85e2-cf3b98911162" alt=""><figcaption></figcaption></figure>
11. **Redirigir (Redirect):** Ya mencionado en la sección de flujos múltiples, este componente **no solicita información al usuario**, sino que salta a otro flujo interno.

    * Puedes incluir un mensaje breve antes de redirigir (opcional).
    * Selecciona del menú desplegable el flujo de destino (previamente creado en el bot).
    * Al activarse, el chat **cambiará al flujo seleccionado**, continuando allí la conversación.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYnEoj3u4Hht5vl9TsrQp%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.44.48%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b86ece44-f727-4e3a-94a9-b743a9ec2d00" alt=""><figcaption></figcaption></figure>
12. **API (Integración externa):** Este componente permite conectar el flujo con una integración o API de terceros configurada.

    * Úsalo para realizar, por ejemplo, una consulta externa (como a tu base de datos o servicio) durante la conversación.
    * En Demandu, seleccionarás la API preconfigurada que deseas llamar.
    * Puedes personalizar un mensaje de espera o de respuesta, y especificar qué hacer con el resultado:
      * Por ejemplo, puedes manejar **código 200 (éxito)** y **código 400 (error)** con rutas distintas en el flujo (continuar a un mensaje de éxito o de error).

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fmoa16t377sq3orgEUQXi%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.50.06%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=f734a6bc-0a1e-4956-a7f3-15dde0db0c32" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
*Nota:* Configurar APIs externas puede requerir haber introducido credenciales o claves en la sección de **Desarrolladores** de Demandu. Consulta la[ documentación de integraciones](/guia-de-productos-y-formacion/referencias-api/integracion-de-api-de-terceros) API para más detalles.
{% endhint %}


# Enviar información

(salida al usuario)

Estos componentes **envían mensajes o contenido al usuario** sin requerir una entrada inmediata. Suelen ser respuestas del bot.

1. **Mensaje:** Envía un mensaje de texto simple al usuario.
   * Ejemplo: un saludo, una explicación o cualquier texto informativo.
   * Puedes agregar variables personalizadas dentro del mensaje (ver más abajo cómo usar variables).
2. **Imagen/GIF:** Muestra una imagen o GIF animado al usuario.
   * Puedes añadir un texto que acompañe la imagen (ej. “Aquí está la foto que pediste:”).
   * Opciones:
     * Buscar un GIF por nombre (se integra con un servicio de GIFs).
     * Subir una imagen desde tu dispositivo o pegar una URL de imagen.
   * La imagen/GIF aparecerá directamente en el chat.
3. **Video:** Envía un video en el chat.
   * Añade un texto descriptivo si lo deseas (ej. “Video explicativo:”).
   * Proporciona una URL de video o sube un archivo de video (recordando la limitación de tamaño, p. ej. 15 MB).
   * El usuario podrá reproducir el video dentro de la ventana de chat.
4. **Enlace web:** Comparte uno o varios enlaces clicables.
   * Incluye un texto introductorio si se necesita.
   * Indica la plataforma de destino desde un desplegable (generalmente “Website” para enlace web).
   * Para cada enlace: especifica un **título** visible y la **URL** correspondiente.
   * Puedes agregar múltiples enlaces. Cada título aparecerá como un botón o enlace en el chat; al hacer clic, se abrirá la página correspondiente.

###


# Acciones

(disparadores de funciones avanzadas)

Estos componentes **ejecutan acciones especiales** en el chat o la plataforma:

1. **Chat en vivo (Live Chat):** Inicia un chat en vivo con un agente humano disponible.
   * Cuando el usuario llega a este punto, se genera una solicitud de chat en vivo para tu equipo.
   * Puedes configurar un mensaje para el usuario indicando que será atendido por un agente (ej. “Te conectaremos con un agente ahora...”).
   * Este componente está ligado a tu configuración de **Equipo**: se asignará la conversación a un miembro del equipo con rol de soporte.
   * (Consulta también el componente *Asignar chat*, descrito más abajo, para control de a quién se asigna.)
2. **ChatGPT (IA):** Activa el motor de IA (ChatGPT) dentro del flujo de chat para que el bot responda dinámicamente.
   * Al llegar aquí, el chatbot empezará a utilizar la IA de Demandu (basada en GPT) para responder preguntas abiertas del usuario.
   * Puedes establecer un mensaje inicial antes de las respuestas de IA (ej. “Claro, déjame pensar...”).
   * Define cuántas interacciones (preguntas) seguidas manejará la IA (número de consultas que la IA resolverá en esta sesión).
   * **Sugerencias de consulta:** Puedes habilitar una caja de sugerencias (hasta 3 sugerencias) para guiar al usuario en qué preguntar. Si la activas, proporciona hasta 3 ejemplos de preguntas que el usuario puede hacer, que aparecerán como botones rápidos.
   * Este componente funciona mejor si has **entrenado tu IA** con datos relevantes (ver la sección de Entrenar chatbot con IA más abajo). La IA usará tanto los datos entrenados como su modelo de lenguaje para responder.
3. **Asignar chat (Assign Chat):** Asigna automáticamente la conversación de chat en vivo a un miembro de tu equipo.
   * Puedes optar por asignar a un **miembro específico** (seleccionas su nombre de la lista de tu equipo) *o* asignar por **departamento**.
   * Si asignas por departamento, Demandu usará la lógica **“Round Robin”**: distribuirá equitativamente las solicitudes de chat entre los miembros del departamento, uno por uno.
   * Opciones adicionales:
     * No asignar a agentes desconectados (fuera de línea).
     * Asignar solo a agentes dentro del horario laboral configurado (si tienes horarios de atención definidos).
   * Este componente complementa al de Chat en vivo; puedes usarlo para decidir cómo se reparte la conversación en vivo.
4. **Condición If/Else (rama condicional):** Permite tomar decisiones en el flujo basado en condiciones definidas (normalmente sobre datos del usuario o respuestas previas).
   * Con este componente, puedes crear bifurcaciones lógicas. Por ejemplo: “Si el cliente seleccionó ‘Soporte’, ir al flujo de soporte; de lo contrario, seguir al flujo de ventas”.
   * Para configurarlo: haz clic en **“Añadir condición If/Else”**.
   * Selecciona el tipo de dato o propiedad a evaluar:
     * Puede ser una **respuesta del visitante** previa, un **atributo personalizado** que tengas guardado, una **propiedad de contacto** (p. ej., si ya es cliente o no) o una **propiedad de la conversación**.
   * Define la comparación: igual a, distinto de, mayor que, menor que, etc., según el tipo de dato.
   * Introduce el valor a comparar. Puedes añadir múltiples condiciones **AND** (todas deben cumplirse) o **OR** (cualquiera que se cumpla dispara la rama).
   * Una vez definidas las condiciones, conectas la salida verdadera (If) y la salida falsa (Else) hacia diferentes componentes en el flujo (en el editor verás ramas separadas para cada caso).
   * Ejemplo: *Si* `tipoUsuario` es “Cliente existente”, *entonces* mostrar opciones de soporte avanzado, *si no* (else) ofrecer información de productos.

#### Configuraciones globales en el flujo

* **Uso de “Ir al siguiente mensaje”:** Este ajuste aparece en cada componente. Sirve para enlazar manualmente el próximo bloque a ejecutar tras el actual, en caso de que no esté definido por defecto. Por lo general, se utiliza en componentes que no tienen una salida específica (como un mensaje final). Asegúrate de utilizarlo para encadenar bien la secuencia de tu chat.
* **Variables personalizadas en mensajes:** En cualquier mensaje de salida (texto), puedes insertar variables dinámicas (como el nombre del usuario, el correo, etc.) escribiendo **`/`** en el editor de texto del mensaje. Aparecerá un menú desplegable de variables predefinidas (por ejemplo: `/name` para el nombre del visitante si se solicitó antes). Selecciona la variable para incluirla. Cuando el bot envíe ese mensaje, reemplazará la variable por el valor real correspondiente.


# Redirigir (Múltiples Flujos Interconectados)

Esta página contiene toda la información sobre cómo crear múltiples flujos en el bot y usar el componente de redirección para activarlos en el flujo de chat.

La plataforma Demandu te permite crear **múltiples flujos de chat** dentro de un mismo bot, y usar un componente especial de **Redirección** para saltar de un flujo a otro durante la conversación. Esto es útil si tienes, por ejemplo, distintos sub-flujos para diferentes temas o secciones (ventas, soporte, reservas, etc.) y quieres invocarlos según las respuestas del usuario.

## ¿Cómo configurar flujos múltiples con redirección?

**Crear un nuevo flujo:** En la sección **“Edita tu flujo de chat”**, haz clic en **“Crear nuevo flujo”**. Asigna un nombre a este flujo (por ejemplo, *Flujo de Soporte*) y créalo. Luego diseña este flujo como lo harías normalmente. El nuevo flujo aparecerá listado en la página de edición.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FY2jBmhZbRm60MC0sI6lp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.37.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=62cb9da3-97e6-4387-ac36-a11170efa003" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fqm0OTXr7mgt9J6u7xTJ8%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.38.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=ad479a13-5561-4f11-9846-45e9f36d799f" alt=""><figcaption></figcaption></figure>

Introduce el nombre:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FJ1DQnQ1YOgYGRlYWYKDm%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.39.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=38da37ad-07e4-4c7a-a858-08bf746d3879" alt=""><figcaption></figcaption></figure>

Configura el nuevo flujo con la interacción que deseas:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FgJ915hocKYRTcoeA5Ydp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.40.13%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=8a424296-d86f-42e0-ab4c-3e917283f935" alt=""><figcaption></figcaption></figure>

Aparecerá en tu lista de Flujos con el nombre que configuraste:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlSBiEus0iY5PjGbfsn6j%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.41.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b5d040a0-d1ab-4115-b6b6-58d337b5c7fa" alt=""><figcaption></figcaption></figure>

**Agregar componente de Redirección en un flujo existente:** Ve a otro flujo (por ejemplo, el flujo principal) donde quieras insertar la bifurcación. En ese punto del flujo, agrega el componente **“Redirigir”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FavyzWfRBOAWsSaXKvE5d%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.45.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=91067b78-5d64-4b85-b060-5cb82b801885" alt=""><figcaption></figcaption></figure>

**Configurar la redirección:** En las opciones del componente Redirigir, selecciona del desplegable el nombre del flujo al que deseas que salte (por ejemplo, *Flujo de Soporte* creado en el paso 1). Puedes añadir un breve texto antes de redirigir (ej. “Permíteme comprobar esa información...”).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F3rLdkTzxa1i7WQZxwRTr%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.47.08%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=7b381ed6-febe-4648-97a8-b31d60e2680c" alt=""><figcaption></figcaption></figure>

**Resultado de la redirección:** Una vez configurado, cuando la conversación llegue a ese componente, el chatbot **cambiará al flujo seleccionado**. A partir de ahí, seguirá los mensajes y lógica de ese flujo secundario.

Con este método, puedes conectar fluidamente varios flujos dentro de un mismo bot. Esto aumenta la flexibilidad de las interacciones, permitiendo manejar distintos escenarios de conversación sin tener que construir un único flujo enorme.


# Crea tu Chatbot de Telegram

Para conectar Telegram con ***Demandu*** primero necesitamos crear el bot oficial dentro de Telegram. No te preocupes 😄 Telegram hace esto súper fácil usando una herramienta llamada ***BotFather***. Es el bot oficial para crear otros bots.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F5KzFSFgFvs4OCjfuR4Gp%2F1.jpeg?alt=media&amp;token=6c23dbb4-5496-4faa-8c0c-631f1923b106" alt=""><figcaption></figcaption></figure>

1. #### En la barra de búsqueda superior, escribe exactamente: @BotFather (Asegúrate de seleccionar el que tiene la palomita azul de verificado ✔️).
2. #### Dale clic al botón de Iniciar (***Start***) en la parte inferior del chat.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FsxZ3fI0lhITAW5beGEcd%2F2.jpeg?alt=media&amp;token=de503a2f-0877-42ee-9c97-2ea877ec696d" alt=""><figcaption></figcaption></figure>

3. #### 🌟 Envía el comando mágico: /***newbot*** .

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F9vA8zQPy9Pyz0AHDRY4Q%2F3.jpeg?alt=media&amp;token=3c87b44c-09bc-49a6-be8d-b4dc41fc17cd" alt=""><figcaption></figcaption></figure>

* #### 4. 📛 Bautizar a tu nuevo Asistente.
* 4.1 ***Nombre Público:*** Escribe el nombre que verán tus clientes (ejemplo: *Soporte Demandu o Mi Negocio Bot*). Presiona enviar.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYbUMlZEYfuItBMBABaRj%2F4.jpeg?alt=media&amp;token=f68e3c6b-6ce4-4edb-9ed4-f4c64952cb91" alt=""><figcaption></figcaption></figure>

* 4.2 ***Username (ID único)***: Ahora elige un nombre de usuario para buscarlo en Telegram. Condición obligatoria: Debe terminar obligatoriamente en la palabra `bot` o `_bot` (ejemplo: `DemanduSoporte_bot` o `PlataformaDemanduBot`).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FjaLfX2WvXpz9tFnRBSc5%2F4.2.jpeg?alt=media&amp;token=8adb3c49-a91d-4ab5-8a74-5e65204640cf" alt=""><figcaption></figcaption></figure>

#### 🔑 *5. Guardar el Token API (Tu Llave Maestra)*

Si todo salió bien, BotFather te enviará un mensaje de felicitación. 🥳

1. Dentro de ese mensaje, busca un código largo de letras y números conocido como HTTP API Token (se ve parecido a esto: `123456789:ABCdefGhIJKlmNo`).
2. Copia ese código por completo. 🪙 ¡Esta es la llave maestra que le permitirá a Demandu controlar el bot!

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSQSDcZYxOzoJHcaBqcJH%2F5.jpeg?alt=media&amp;token=95ef4ba1-3395-4aff-9e8f-b4c73ed7c857" alt=""><figcaption></figcaption></figure>

{% hint style="info" icon="lightbulb-on" %}

## [*<mark style="color:blue;">**Tip Demandu**</mark>*<mark style="color:blue;">: ¡Guarda este código! El</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">Token API</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">funciona como la</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">contraseña maestra</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">de tu bot. No lo compartas en canales públicos para evitar que personas ajenas controlen tus flujos de comunicación.</mark>](#user-content-fn-1)[^1]&#x20;

{% endhint %}

6. #### Entra a tu plataforma Demandu y da "*clic*" en el botón "***Crear nuevo chatbot***".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGd8PTbLjGAMjr1otsO1F%2F6.jpeg?alt=media&amp;token=9c6818b8-7495-46dd-8550-f593de644ecb" alt=""><figcaption></figcaption></figure>

7. #### Selecciona la opción "Telegram".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FcCEkFTLHM9Me9MzoV7eP%2F7.jpeg?alt=media&amp;token=342005cb-4ca2-431d-ad7f-3c6fe1ec5b6f" alt=""><figcaption></figcaption></figure>

#### 8. Selecciona el objetivo comercial de tu bot.

8.1 Procede al siguiente paso

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F8ogDys3QqlBC8QFECcUU%2F8.jpeg?alt=media&amp;token=fb40809d-1c9e-42e2-90ab-12fc6242a59e" alt=""><figcaption></figcaption></figure>

#### 9. Introduce el número de tu teléfono móvil de Telegram registrado y has "clic" en conectar.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FTz7IzPSJtixBxE0HErf3%2F9.jpeg?alt=media&amp;token=b2c33afd-dad8-452a-b51b-bbbedff694b8" alt=""><figcaption></figcaption></figure>

#### 10. Recibirás un Código de inicio de sesión en tu cuenta de Telegram.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBjH8yjAYUuYsyMPKNDe2%2F10.jpeg?alt=media&amp;token=91586ef8-a606-499f-96ca-fe38588d7e1c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F3M9UkoFcBhP2d3Yd6OxY%2F10.1.jpeg?alt=media&amp;token=fad295c2-e9bb-47a5-8788-58e696a625a7" alt=""><figcaption></figcaption></figure>

Introduce el ***código de inicio de sesión*** aquí y haz clic en "***Conecte manualmente su bot***"

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F5ucdby5KnlhgMifZvi3D%2F10.2.jpeg?alt=media&amp;token=7d86b1af-fdb6-4c00-b2eb-76d0ca7c6735" alt=""><figcaption></figcaption></figure>

{% hint style="info" icon="lightbulb-on" %}
*<mark style="color:blue;">**Tip Demandu**</mark>*<mark style="color:blue;">: Puede hacer clic en</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">`reenviar`</mark>* <mark style="color:blue;"></mark><mark style="color:blue;">código en caso de que no lo haya recibido. Si aún no ha recibido el código de inicio de sesión, por favor verifica el número de móvil de Telegram y vuelve a introducirlo haciendo clic en</mark> <mark style="color:blue;"></mark>*<mark style="color:blue;">`Cambiar número`</mark>*<mark style="color:blue;">.</mark>
{% endhint %}

#### 11. Conecta con tu cuenta existente de Telegram.

Ahora para conectar con una cuenta existente, debes proporcionar los mismos nombres que usaste al crear el bot usando ***@BotFather***, junto con el token generado en el paso 5.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F8eJmrFEazDH8me1Fc9Qc%2F11.jpeg?alt=media&amp;token=bacd8d6b-a41b-4035-b283-f6ffde65a0ae" alt=""><figcaption></figcaption></figure>

## 🎉¡Felicidades! 🎉 ya esta todo listo para hacer tu bot de *Telegram* en ***Demandu***.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FAKvqGLPARWGa2U5JKg6U%2F12.jpeg?alt=media&amp;token=d1b5ad63-cf40-4ae5-88f6-96723feabbb0" alt=""><figcaption></figcaption></figure>

[^1]:


# Gestionar el flujo de chat

La sección Editar y administrar flujos de chat te permite diseñar, personalizar y controlar cómo interactúa tu chatbot con los usuarios a través de flujos conversacionales estructurados.

La sección **Editar y administrar flujos de chat** te permite ver, actualizar, organizar y controlar todos los flujos de conversación creados para tu chatbot. Desde aquí, puedes ajustar la interacción de tu bot con los usuarios editando mensajes, gestionando múltiples flujos y definiendo cómo y cuándo se activa cada uno.

Esta sección es fundamental para mantener conversaciones de chatbot precisas, atractivas y orientadas a objetivos.

### Qué puedes hacer aquí

Utilizando la página Editar y administrar Chatflow, puede:

* Editar flujos de chat existentes

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Al hacer clic en "Classic Builder", se cambiará el modo visual.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FV6YXs3lALsUA1oW3jHjO%2FScreenshot%202026-07-02%20at%2012.31.04%E2%80%AFPM.png?alt=media&amp;token=354bf5b7-bb5c-480f-96a2-c7dbc9859ec6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkIhNklSPzJzHvffiM1d4%2FScreenshot%202026-07-02%20at%2012.37.10%E2%80%AFPM.png?alt=media&amp;token=3653ce95-5662-4fec-8da1-6e2bdd4a99b1" alt=""><figcaption></figcaption></figure>

* Haga clic en el botón "Visualise Flow" para cambiar avanzado.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Haga doble clic en el componente para abrir la ventana de configuración un componente en particular.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F2Oniq6tNStcUrBIEC8cq%2FScreenshot%202026-07-02%20at%2012.34.30%E2%80%AFPM.png?alt=media&amp;token=b283affb-17e5-4f12-b1e2-caff6cbc5ab1" alt=""><figcaption></figcaption></figure>

* Configure los ajustes generales y avanzados del componente en particular.
* Crea y gestiona múltiples flujos con la ayuda del componente Redirect.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FDyxpB3lKhGwMbiOtVKBA%2FScreenshot%202026-07-02%20at%2012.55.02%E2%80%AFPM.png?alt=media&amp;token=424940ab-4e0c-4b30-9e39-afaad6168b8f" alt=""><figcaption></figcaption></figure>

* Establecer un flujo de chat predeterminado

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F54s7hrEDGhbzdzcGMK3f%2FScreenshot%202026-07-02%20at%2012.57.41%E2%80%AFPM.png?alt=media&amp;token=abe9137a-e2c0-4ea3-a402-e37b1c3e22e1" alt=""><figcaption></figcaption></figure>

* Habilitar o deshabilitar los flujos de revisita

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGlLDWjRnsWx0OnGJ3uuZ%2FScreenshot%202026-07-02%20at%2012.58.46%E2%80%AFPM.png?alt=media&amp;token=4bd51c58-6562-433d-ad5f-cea34bbc69b8" alt=""><figcaption></figcaption></figure>

* Flujos de chat de importación y exportación

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fa7ZcVwoDO8N7x8E4dhcE%2FScreenshot%202026-07-02%20at%2012.59.48%E2%80%AFPM.png?alt=media&amp;token=8f7bfbad-8b54-44b7-9e83-de032e526e39" alt=""><figcaption></figcaption></figure>

* Eliminar flujos no utilizados o desactualizados

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNrLDWIk5cDOycEDVtgSn%2FScreenshot%202026-07-02%20at%201.00.33%E2%80%AFPM.png?alt=media&amp;token=905ff851-cfac-4a36-a0ce-a4360c8546d5" alt=""><figcaption></figcaption></figure>

## Preguntas frecuentes

<details>

<summary>Puedo editar un flujo de chat que está activado? </summary>

Si, cualquier cambio se puede hacer en vivo y se guarda al instante sin necesidad de dar click en un botón de "guardar".

</details>

<details>

<summary>Puedo crear múltiples flujos? </summary>

Si, puedes crear flujos ilimitados y conectarlos entre si con el componente "Redirigir".&#x20;

</details>

<details>

<summary>Que pasa si elimino un flujo?</summary>

El flujo queda permanentemente eliminado y no se puede restaurar.&#x20;

</details>

<details>

<summary>Puedo reusar flujos en otro chatbot? </summary>

Si. Descargue el flujo e impórtalo a otro bot del mismo tipo.

</details>

<details>

<summary>Para que debería usar los "Flujos de Revisita"?</summary>

Los flujos de revisita permiten a los usuarios recurrentes acceder de nuevo a la misma conversación, lo que mejora la continuidad y la experiencia del usuario.

</details>


# Edita tu Flujo de Chat

Tu bot se ve genial, ahora, hagámoslo más inteligente. Edita tu chatbot para que se adapte a tus necesidades exactas.

{% embed url="<https://youtu.be/iE7abtK3sGM?si=AysHIjs7HDUXzKzK>" %}

## ¿Qué es un flujo de chat?

Un **flujo de chat** es la estructura de mensajes que determina cómo se desarrolla la conversación entre tu chatbot y el usuario. Es totalmente configurable y suele verse como un diagrama de bloques de mensajes y acciones conectados entre sí. Al diseñar el flujo, defines qué dice el bot, en qué orden, y cómo reacciona según las respuestas del usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiX5VsmcrMQKiIsaYCeRs%2FScreenshot%202024-04-10%20at%2016.35.32.png?alt=media&amp;token=02f0afac-a360-46cb-ac84-110d2e537ae4" alt=""><figcaption><p>Flujo de Chatbot</p></figcaption></figure>

## 1. ¿Cómo personalizar el flujo del chat?&#x20;

**1.1 Accede al editor de flujo:** En el panel de Demandu, selecciona tu bot y haz clic en la pestaña **“Edita tu flujo de chat”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F68bzbxLbeBzJGlB6HaZ7%2FScreenshot%202024-04-10%20at%2016.30.39.png?alt=media&amp;token=6b472f64-6e07-4fdc-9831-088f677b0a56" alt=""><figcaption></figcaption></figure>

**1.2 Plantilla de flujo precreada:** Verás una plantilla de flujo de chat ya creada con mensajes de ejemplo. Puedes usarla como base y modificarla según las necesidades de tu negocio. Incluso puedes **importar una plantilla** diferente desde la pestaña **“Importar plantilla”** en la esquina superior derecha si deseas comenzar con otro diseño de conversación.

## 2. Herramientas para editar el flujo del chat

{% embed url="<https://youtu.be/VBdlm0zP1_w?si=Q1Fn7159wiDtpWww>" %}

Demandu proporciona varias herramientas para modificar el flujo de forma fácil y rápida:

**2.1 "Añadir nuevo componente**": Haga clic aquí para ver una lista desplegable de todos los componentes disponibles que se pueden agregar al flujo, como pedir el nombre, el correo electrónico, el número de teléfono del usuario o colocar una pregunta de una sola opción o de opción múltiple para que los visitantes respondan. Esto ayuda en la generación de datos de usuario y clientes potenciales.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQCv56EjieiLtFk4fjibM%2FScreenshot%202024-04-10%20at%2016.38.18.png?alt=media&amp;token=197bf3e2-d259-47ae-a421-3fc300af90cf" alt=""><figcaption></figcaption></figure>

2.2 **Barra de zoom y vista:** En la esquina inferior izquierda del editor, tienes controles para ajustar la vista del diagrama:

* *Ajustar vista*: encuadra todo el flujo en la pantalla.
* *Acercar/alejar (zoom)*: para ver con más detalle o en perspectiva.
* *Eliminar* (ícono de papelera): borra todo el flujo actual (¡útil solo si deseas empezar desde cero!).
* *Bloquear* (candado): una vez satisfecho con el flujo, puedes bloquearlo para evitar ediciones accidentales.

2.3 **Mini mapa** en la pantalla lateral inferior derecha: te informa sobre la posición de flujo del chat incluso si está dislocada más allá de la pantalla.

2.4 **Conector de línea**: Para conectar componentes entre sí (establecer el orden de los mensajes), utiliza las flechas o puntos de conexión arrastrando una línea desde un componente hasta el siguiente.

2.5 **Flujo de prueba:** Un botón **“Probar flujo”** te permite simular la conversación y verificar cómo fluyen los mensajes entre el bot y un usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FWWcipslQ3wo08lHHOKNP%2FScreenshot%202024-04-10%20at%2016.39.34.png?alt=media&amp;token=4865a659-637b-4528-98d9-12b66915b07d" alt=""><figcaption></figcaption></figure>

## 3. Herramientas para editar el flujo del chat

**3.1 Agregar y personalizar componentes:** Para editar el contenido de un mensaje o acción, simplemente haz clic en ese componente en el diagrama. Por ejemplo, puedes hacer clic en el **mensaje de bienvenida** y cambiar el texto por uno que incluya el nombre de tu marca. Después de editar un mensaje.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fs0DbpXYvrHAqmtjetDLX%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.21.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a95ef73b-6e2e-49f5-9764-302bc75c1b80" alt=""><figcaption></figcaption></figure>

**3.2 Agregar componentes al flujo:** Como se mencionó, puedes usar el botón *Agregar nuevo componente* o hacer clic en el **icono “+”** que aparece al final de cada secuencia en el diagrama. Ambos métodos permiten insertar un nuevo bloque en el flujo.\
Ejemplo: Si deseas que el bot comparta el enlace de tu sitio web, puedes agregar un componente **“Enlace web”** al final del flujo. Luego, conecta ese bloque desde el mensaje anterior con un conector de línea, y personaliza el enlace (texto descriptivo y URL) en las opciones del componente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FCNEykC5xtw2JzKIrW5EJ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.22.20%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31ed85bb-577a-4b83-a6e5-3ce6a337c6bf" alt=""><figcaption></figcaption></figure>

**3.3 Conectar componentes en el flujo:** Cada componente tiene una opción para **“Ir al siguiente mensaje”**. Asegúrate de establecer qué componente sigue a cuál para que el flujo tenga continuidad. Por ejemplo, después de un bloque de *Pregunta de texto*, puedes conectar la respuesta a un bloque de *Acción* o a otro mensaje. Utiliza los conectores de línea para unirlos en el orden deseado.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fbjnquqoj9qutz4SQPKyY%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.23.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=2d48128c-eb24-4c97-a887-ce95bcac5bc8" alt=""><figcaption></figcaption></figure>

**3.4 Finalizar el flujo:** Siempre es aconsejable terminar el flujo con un componente de **“Fin de chat”**. Para ello, ve al último componente de tu secuencia y en su menú desplegable de “ir al siguiente”, selecciona **“Terminar chat”**. Esto indica al bot cuándo la conversación ha concluido. **Nota:** Es *obligatorio* añadir un final de chat; de lo contrario, el sistema puede generar un error y el flujo podría no funcionar correctamente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLF9aOfHQxTzqnW67dZCQ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.24.12%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=13ef55eb-be67-4cb7-8121-a6b41a64ac71" alt=""><figcaption></figcaption></figure>


# Componentes de Flujo

Los componentes de flujo en Demandu son elementos cruciales que te permiten construir y personalizar la experiencia de interacción entre tu chatbot y tus usuarios. Al usar estos componentes, puedes cr

## ¿Qué son los Componentes de Flujo?

Los componentes de flujo son módulos predefinidos que puedes arrastrar y soltar en el constructor de flujos de la plataforma Demandu. Cada componente tiene una función específica y puede ser configurado para interactuar con el usuario de diversas formas. Estos componentes facilitan la creación de flujos conversacionales de manera intuitiva y sin necesidad de conocimientos técnicos avanzados.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FALMhUlQfzgNzpzevKLhO%2FScreenshot%202024-09-09%20at%2010.06.18%E2%80%AFPM.png?alt=media&amp;token=d2f94dfb-d4b2-4e7d-80c9-26b6d7408b54" alt=""><figcaption></figcaption></figure>

## ¿Cómo Funcionan los Componentes de Flujo?

Los componentes de flujo funcionan integrándose entre sí para crear un camino conversacional lógico y coherente. Por ejemplo, puedes empezar solicitando el nombre del usuario, luego pedir su correo electrónico, y después ofrecerle opciones de productos según sus preferencias. Cada interacción puede ser personalizada para satisfacer las necesidades de tus usuarios y los objetivos de tu negocio.

### Función de los Componentes de Flujo

La función principal de los componentes de flujo es guiar la conversación y capturar información relevante de los usuarios. Aquí hay algunas funciones clave:

* **Recolectar Datos**: Solicitar y almacenar información del usuario, como nombre, correo electrónico, número de teléfono, etc.
* **Interactividad**: Proporcionar opciones y respuestas interactivas, permitiendo a los usuarios seleccionar entre múltiples opciones.
* **Envío de Contenidos**: Enviar mensajes, enlaces, imágenes, videos, y más.
* **Integración**: Conectarse con sistemas externos mediante webhooks y envíos de datos a CRM como Hubspot, Salesforce, entre otros.

## Importancia de Usar los Componentes de Flujo Adecuadamente

Usar los componentes de flujo de manera adecuada es fundamental para asegurar que la interacción con tus usuarios sea fluida, eficiente y cumpla con tus objetivos comerciales. Aquí algunos puntos clave:

1. **Experiencia del Usuario**: Un flujo bien diseñado mejora la experiencia del usuario, aumentando la satisfacción y la tasa de conversión.
2. **Eficiencia Operativa**: Automatizar interacciones comunes ahorra tiempo y recursos, permitiendo que tu equipo se enfoque en tareas más complejas.
3. **Precisión de Datos**: Capturar y almacenar información de manera efectiva garantiza que tengas datos precisos y utilizables para futuras campañas y análisis.
4. **Integraciones**: La capacidad de integrarse con sistemas CRM como Hubspot y Salesforce permite sincronizar datos automáticamente, mejorando la gestión de relaciones con clientes y la personalización de ofertas.

Con una buena comprensión y uso de los componentes de flujo de Demandu, puedes crear experiencias conversacionales ricas y efectivas **100% personalizables**, mejorar la recolección de datos y optimizar la gestión de relaciones con clientes. Vamos a explorar cada componente en detalle y ver cómo puedes aprovechar al máximo sus capacidades.

## Ejemplo de componentes y personalización

* Si deseas **preguntar varias cosas al usuario** (como nombre, email, preferencias), puedes añadir sucesivamente componentes de **Solicitud de información** (Nombre, Email, etc.) y conectarlos en orden.
* Para **ofrecer opciones múltiples** (por ejemplo, preguntar “¿En qué puedo ayudarte?” con varias opciones), agrega un componente **“Opción múltiple”**. Personaliza el texto de la pregunta y añade las opciones (Demanda te permite hasta 5 opciones). Luego conecta cada opción a distintos caminos si es necesario (usando la configuración dentro del mismo componente).
* Si quieres **respuestas inteligentes** según palabras clave que escriba el usuario, utiliza el componente **“Pregunta inteligente”**. Por ejemplo, puedes configurar palabras clave como *“precio”, “coste”* para que, si el usuario las menciona, el bot responda con información de precios. En las opciones del componente Pregunta inteligente:
  * Define las palabras clave y la condición de coincidencia (exacta o contenida en la frase del usuario).
  * Por cada conjunto de palabras clave, enlaza a la respuesta o siguiente bloque apropiado.
* El componente **“Chat en vivo”** te permite transferir la conversación a un agente humano. Puedes colocarlo, por ejemplo, después de que el bot maneje ciertas preguntas. Al activarse, notificará a un agente para continuar la charla. Personaliza el mensaje que el usuario verá (ej. “Te estoy conectando con un agente...”) y configura este bloque para que se asigne a tu equipo de soporte (ver más adelante la asignación automática de chats).

Cada componente que agregues se puede arrastrar y ubicar visualmente en el lienzo para organizar mejor el diagrama.

{% hint style="success" %}
**Consejo:** Guarda con frecuencia los cambios y prueba el flujo con distintos escenarios (usando **“Probar flujo”**) para asegurarte de que todas las rutas conversacionales funcionan como esperas.
{% endhint %}


# Solicitud de Información

Solicitar información (entrada del usuario)

Estos componentes **preguntan algo al usuario** y esperan una respuesta.&#x20;

{% hint style="info" %}
*Nota:* El flujo **no continuará** hasta que el usuario proporcione la información solicitada en estos componentes.
{% endhint %}

1. **Nombre:** Pide al usuario su nombre.

   * Al añadirlo desde “Agregar componente”, puedes personalizar el mensaje de solicitud (ej. “¿Cómo te llamas?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBl8l8Nlx2Fo1ocTpV7iU%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%206.36.50%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=e8cebe5f-1c8b-4137-9a7d-cc5381370676" alt=""><figcaption></figcaption></figure>
2. **Teléfono:** Solicita un número de teléfono.

   * Personaliza el mensaje (ej. “Por favor, ingresa tu número de teléfono”).
   * Puedes especificar un código de país predeterminado para el número en las opciones.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqkNseWWhg4A6rQIlkqSW%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.00.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=efb57ff3-eef5-4588-8102-d0562f311d60" alt=""><figcaption></figcaption></figure>
3. **Email:** Solicita la dirección de correo electrónico del usuario.

   * Personaliza el texto de la petición (ej. “¿Cuál es tu correo electrónico?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwWN7hU8zykz0SqVMF5j3%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.01.28%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=32c242ac-3417-4a61-a4c7-4b443298aa15" alt=""><figcaption></figcaption></figure>
4. **Opción única (Single Choice):** Presenta una pregunta con varias opciones, de las cuales el usuario solo puede elegir **una**.

   * Personaliza la pregunta y las opciones (hasta 5 opciones).
   * Debes vincular cada opción a su siguiente paso en el flujo (desde las opciones del componente).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FFyIcFDIabhYnLLPNIJG5%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.00.10%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=cfaebd1a-ab0d-4373-af1b-79b937133f84" alt=""><figcaption></figcaption></figure>
5. **Pregunta abierta (Texto):** Pide al usuario una respuesta libre (texto cualquiera).

   * Ejemplo: “¿En qué puedo ayudarte?” sin opciones predefinidas.
   * El usuario puede responder libremente, y deberás manejar esa respuesta (posiblemente con Pregunta inteligente o con acciones manuales).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLQqPfu9EE7jC705cll6u%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.05.00%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=1c4e923e-9429-468b-befa-85b1b0276ecd" alt=""><figcaption></figcaption></figure>
6. **Subir archivo (File Upload):** Solicita al usuario que adjunte un archivo, imagen o video.

   * Personaliza el mensaje (ej. “Sube una imagen de tu problema”).
   * El usuario verá la opción de cargar un archivo desde su dispositivo. *(El tamaño máximo admitido es generalmente 15 MB para videos en Demandu.)*

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FVa9PwP5iXmxz5JP2wz8z%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%202.54.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=400e0958-dbde-4170-ab07-0c6817a4fdb4" alt=""><figcaption></figcaption></figure>
7. **Agendar cita (Appointment):** Permite agendar una cita o seleccionar una franja horaria.

   * Puedes configurar el mensaje solicitando al usuario elegir un horario.
   * Define el horario disponible (hora de inicio y fin de disponibilidad diaria).
   * Define la duración o intervalos de las citas (ej. intervalos de 30 minutos).
   * Establece para cuántos días futuros se puede reservar.
   * Integra una aplicación de calendario externa si corresponde (por ejemplo, Google Calendar, SimplyBook, etc., si la plataforma lo ofrece).
   * Este componente recoge una fecha y hora preferida del usuario.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FRUSgkw84UH8UEv79KAmn%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.35.31%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0389cfa6-f5f9-49fd-90ce-8c6ab64fb73e" alt=""><figcaption></figcaption></figure>
8. **Ubicación (Location):** Pide una ubicación (en formato texto) al usuario.

   * Por ejemplo: “¿En qué ciudad te encuentras?”.
   * *Nota:* Este componente no solicita coordenadas ni mapas, solo texto de ubicación.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FN4cRlNOrCgKKKfc3R3dO%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.37.16%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fc816b19-d9fa-4d19-8460-9483c8d67471" alt=""><figcaption></figcaption></figure>
9. **Entrada numérica (Numeric Input):** Similar a Pregunta abierta, pero esperando específicamente un número.

   * Ejemplo: “¿Cuántos empleados tiene su empresa?” con validación para que ingrese solo dígitos.
   * Personaliza el mensaje e indica claramente que se espera un número.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSddsIIJfk5rEhC29tgdx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.40.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fdabc865-a91f-4d55-8bef-7260cc6c4025" alt=""><figcaption></figcaption></figure>
10. **Pregunta inteligente (Smart Question):** Permite que el bot interprete la respuesta libre del usuario para decidir el siguiente paso (palabras clave).

    * Especifica la pregunta o indicación (ej. “¿En qué puedo ayudarte?”).
    * Define conjuntos de **palabras clave** y asócialos a determinados siguientes pasos. Por ejemplo, palabras clave como *“precio”* o *“costos”* podrían dirigir a información de precios; palabras clave *“soporte”* o *“ayuda”* a un flujo de soporte.
    * Elige el modo de coincidencia: **exacta** (la respuesta debe coincidir exactamente con la palabra/frase) o **contener** (si la palabra aparece en la respuesta).
    * Puedes definir múltiples conjuntos de palabras clave. Cada conjunto puede desencadenar una ruta distinta del flujo.
    * Este componente es muy útil para crear un comportamiento similar a preguntas abiertas pero con entendimiento básico mediante palabras clave.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSrTyEpQgtYPQxiFmYezx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.41.02%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0bb3a864-98bc-44bb-85e2-cf3b98911162" alt=""><figcaption></figcaption></figure>
11. **Redirigir (Redirect):** Ya mencionado en la sección de flujos múltiples, este componente **no solicita información al usuario**, sino que salta a otro flujo interno.

    * Puedes incluir un mensaje breve antes de redirigir (opcional).
    * Selecciona del menú desplegable el flujo de destino (previamente creado en el bot).
    * Al activarse, el chat **cambiará al flujo seleccionado**, continuando allí la conversación.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYnEoj3u4Hht5vl9TsrQp%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.44.48%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b86ece44-f727-4e3a-94a9-b743a9ec2d00" alt=""><figcaption></figcaption></figure>
12. **API (Integración externa):** Este componente permite conectar el flujo con una integración o API de terceros configurada.

    * Úsalo para realizar, por ejemplo, una consulta externa (como a tu base de datos o servicio) durante la conversación.
    * En Demandu, seleccionarás la API preconfigurada que deseas llamar.
    * Puedes personalizar un mensaje de espera o de respuesta, y especificar qué hacer con el resultado:
      * Por ejemplo, puedes manejar **código 200 (éxito)** y **código 400 (error)** con rutas distintas en el flujo (continuar a un mensaje de éxito o de error).

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fmoa16t377sq3orgEUQXi%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.50.06%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=f734a6bc-0a1e-4956-a7f3-15dde0db0c32" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
*Nota:* Configurar APIs externas puede requerir haber introducido credenciales o claves en la sección de **Desarrolladores** de Demandu. Consulta la[ documentación de integraciones](/guia-de-productos-y-formacion/referencias-api/integracion-de-api-de-terceros) API para más detalles.
{% endhint %}


# Enviar información

(salida al usuario)

Estos componentes **envían mensajes o contenido al usuario** sin requerir una entrada inmediata. Suelen ser respuestas del bot.

1. **Mensaje:** Envía un mensaje de texto simple al usuario.
   * Ejemplo: un saludo, una explicación o cualquier texto informativo.
   * Puedes agregar variables personalizadas dentro del mensaje (ver más abajo cómo usar variables).
2. **Imagen/GIF:** Muestra una imagen o GIF animado al usuario.
   * Puedes añadir un texto que acompañe la imagen (ej. “Aquí está la foto que pediste:”).
   * Opciones:
     * Buscar un GIF por nombre (se integra con un servicio de GIFs).
     * Subir una imagen desde tu dispositivo o pegar una URL de imagen.
   * La imagen/GIF aparecerá directamente en el chat.
3. **Video:** Envía un video en el chat.
   * Añade un texto descriptivo si lo deseas (ej. “Video explicativo:”).
   * Proporciona una URL de video o sube un archivo de video (recordando la limitación de tamaño, p. ej. 15 MB).
   * El usuario podrá reproducir el video dentro de la ventana de chat.
4. **Enlace web:** Comparte uno o varios enlaces clicables.
   * Incluye un texto introductorio si se necesita.
   * Indica la plataforma de destino desde un desplegable (generalmente “Website” para enlace web).
   * Para cada enlace: especifica un **título** visible y la **URL** correspondiente.
   * Puedes agregar múltiples enlaces. Cada título aparecerá como un botón o enlace en el chat; al hacer clic, se abrirá la página correspondiente.

###


# Acciones

(disparadores de funciones avanzadas)

Estos componentes **ejecutan acciones especiales** en el chat o la plataforma:

1. **Chat en vivo (Live Chat):** Inicia un chat en vivo con un agente humano disponible.
   * Cuando el usuario llega a este punto, se genera una solicitud de chat en vivo para tu equipo.
   * Puedes configurar un mensaje para el usuario indicando que será atendido por un agente (ej. “Te conectaremos con un agente ahora...”).
   * Este componente está ligado a tu configuración de **Equipo**: se asignará la conversación a un miembro del equipo con rol de soporte.
   * (Consulta también el componente *Asignar chat*, descrito más abajo, para control de a quién se asigna.)
2. **ChatGPT (IA):** Activa el motor de IA (ChatGPT) dentro del flujo de chat para que el bot responda dinámicamente.
   * Al llegar aquí, el chatbot empezará a utilizar la IA de Demandu (basada en GPT) para responder preguntas abiertas del usuario.
   * Puedes establecer un mensaje inicial antes de las respuestas de IA (ej. “Claro, déjame pensar...”).
   * Define cuántas interacciones (preguntas) seguidas manejará la IA (número de consultas que la IA resolverá en esta sesión).
   * **Sugerencias de consulta:** Puedes habilitar una caja de sugerencias (hasta 3 sugerencias) para guiar al usuario en qué preguntar. Si la activas, proporciona hasta 3 ejemplos de preguntas que el usuario puede hacer, que aparecerán como botones rápidos.
   * Este componente funciona mejor si has **entrenado tu IA** con datos relevantes (ver la sección de Entrenar chatbot con IA más abajo). La IA usará tanto los datos entrenados como su modelo de lenguaje para responder.
3. **Asignar chat (Assign Chat):** Asigna automáticamente la conversación de chat en vivo a un miembro de tu equipo.
   * Puedes optar por asignar a un **miembro específico** (seleccionas su nombre de la lista de tu equipo) *o* asignar por **departamento**.
   * Si asignas por departamento, Demandu usará la lógica **“Round Robin”**: distribuirá equitativamente las solicitudes de chat entre los miembros del departamento, uno por uno.
   * Opciones adicionales:
     * No asignar a agentes desconectados (fuera de línea).
     * Asignar solo a agentes dentro del horario laboral configurado (si tienes horarios de atención definidos).
   * Este componente complementa al de Chat en vivo; puedes usarlo para decidir cómo se reparte la conversación en vivo.
4. **Condición If/Else (rama condicional):** Permite tomar decisiones en el flujo basado en condiciones definidas (normalmente sobre datos del usuario o respuestas previas).
   * Con este componente, puedes crear bifurcaciones lógicas. Por ejemplo: “Si el cliente seleccionó ‘Soporte’, ir al flujo de soporte; de lo contrario, seguir al flujo de ventas”.
   * Para configurarlo: haz clic en **“Añadir condición If/Else”**.
   * Selecciona el tipo de dato o propiedad a evaluar:
     * Puede ser una **respuesta del visitante** previa, un **atributo personalizado** que tengas guardado, una **propiedad de contacto** (p. ej., si ya es cliente o no) o una **propiedad de la conversación**.
   * Define la comparación: igual a, distinto de, mayor que, menor que, etc., según el tipo de dato.
   * Introduce el valor a comparar. Puedes añadir múltiples condiciones **AND** (todas deben cumplirse) o **OR** (cualquiera que se cumpla dispara la rama).
   * Una vez definidas las condiciones, conectas la salida verdadera (If) y la salida falsa (Else) hacia diferentes componentes en el flujo (en el editor verás ramas separadas para cada caso).
   * Ejemplo: *Si* `tipoUsuario` es “Cliente existente”, *entonces* mostrar opciones de soporte avanzado, *si no* (else) ofrecer información de productos.

#### Configuraciones globales en el flujo

* **Uso de “Ir al siguiente mensaje”:** Este ajuste aparece en cada componente. Sirve para enlazar manualmente el próximo bloque a ejecutar tras el actual, en caso de que no esté definido por defecto. Por lo general, se utiliza en componentes que no tienen una salida específica (como un mensaje final). Asegúrate de utilizarlo para encadenar bien la secuencia de tu chat.
* **Variables personalizadas en mensajes:** En cualquier mensaje de salida (texto), puedes insertar variables dinámicas (como el nombre del usuario, el correo, etc.) escribiendo **`/`** en el editor de texto del mensaje. Aparecerá un menú desplegable de variables predefinidas (por ejemplo: `/name` para el nombre del visitante si se solicitó antes). Selecciona la variable para incluirla. Cuando el bot envíe ese mensaje, reemplazará la variable por el valor real correspondiente.


# Redirigir (Múltiples Flujos Interconectados)

Esta página contiene toda la información sobre cómo crear múltiples flujos en el bot y usar el componente de redirección para activarlos en el flujo de chat.

La plataforma Demandu te permite crear **múltiples flujos de chat** dentro de un mismo bot, y usar un componente especial de **Redirección** para saltar de un flujo a otro durante la conversación. Esto es útil si tienes, por ejemplo, distintos sub-flujos para diferentes temas o secciones (ventas, soporte, reservas, etc.) y quieres invocarlos según las respuestas del usuario.

## ¿Cómo configurar flujos múltiples con redirección?

**Crear un nuevo flujo:** En la sección **“Edita tu flujo de chat”**, haz clic en **“Crear nuevo flujo”**. Asigna un nombre a este flujo (por ejemplo, *Flujo de Soporte*) y créalo. Luego diseña este flujo como lo harías normalmente. El nuevo flujo aparecerá listado en la página de edición.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FY2jBmhZbRm60MC0sI6lp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.37.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=62cb9da3-97e6-4387-ac36-a11170efa003" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fqm0OTXr7mgt9J6u7xTJ8%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.38.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=ad479a13-5561-4f11-9846-45e9f36d799f" alt=""><figcaption></figcaption></figure>

Introduce el nombre:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FJ1DQnQ1YOgYGRlYWYKDm%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.39.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=38da37ad-07e4-4c7a-a858-08bf746d3879" alt=""><figcaption></figcaption></figure>

Configura el nuevo flujo con la interacción que deseas:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FgJ915hocKYRTcoeA5Ydp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.40.13%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=8a424296-d86f-42e0-ab4c-3e917283f935" alt=""><figcaption></figcaption></figure>

Aparecerá en tu lista de Flujos con el nombre que configuraste:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlSBiEus0iY5PjGbfsn6j%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.41.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b5d040a0-d1ab-4115-b6b6-58d337b5c7fa" alt=""><figcaption></figcaption></figure>

**Agregar componente de Redirección en un flujo existente:** Ve a otro flujo (por ejemplo, el flujo principal) donde quieras insertar la bifurcación. En ese punto del flujo, agrega el componente **“Redirigir”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FavyzWfRBOAWsSaXKvE5d%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.45.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=91067b78-5d64-4b85-b060-5cb82b801885" alt=""><figcaption></figcaption></figure>

**Configurar la redirección:** En las opciones del componente Redirigir, selecciona del desplegable el nombre del flujo al que deseas que salte (por ejemplo, *Flujo de Soporte* creado en el paso 1). Puedes añadir un breve texto antes de redirigir (ej. “Permíteme comprobar esa información...”).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F3rLdkTzxa1i7WQZxwRTr%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.47.08%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=7b381ed6-febe-4648-97a8-b31d60e2680c" alt=""><figcaption></figcaption></figure>

**Resultado de la redirección:** Una vez configurado, cuando la conversación llegue a ese componente, el chatbot **cambiará al flujo seleccionado**. A partir de ahí, seguirá los mensajes y lógica de ese flujo secundario.

Con este método, puedes conectar fluidamente varios flujos dentro de un mismo bot. Esto aumenta la flexibilidad de las interacciones, permitiendo manejar distintos escenarios de conversación sin tener que construir un único flujo enorme.


# Crea tu Chatbot de SITIO WEB

👇🏻 Aquí encontraras la guía para integrar el bot de Demandu en tu Sitio Web. Sigue éstos pasos para activar a tu asistente virtual y ofrece una experiencia automatizada a tus clientes.

## Paso 1: Entra a tu plataforma Demandu y da "*clic*" en el botón "*Crear nuevo chatbot*" :

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fplk6hP1YxjHHxTO1q8oX%2F1.jpeg?alt=media&amp;token=73edb56b-0c52-499d-845b-2ce245f6d004" alt=""><figcaption></figcaption></figure>

## Paso 2: Selecciona la plataforma que en este caso es ***Sitio Web*** :

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FztMW4dJQB20beBXrBcjk%2F2.jpeg?alt=media&amp;token=61c440d8-d4e9-41a7-9f09-2862b6930c4a" alt=""><figcaption></figcaption></figure>

## Paso 3: Selecciona el "*Objetivo Comercial"* del Bot :

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlmdGttj13GA7CTPVSIl7%2F3.jpeg?alt=media&amp;token=4cd333f5-01c6-4b30-ae72-692384a7e788" alt=""><figcaption></figcaption></figure>

## Paso 4: 🎉¡Felicidades! 🎉 ya esta todo listo para integrar el bot de ***Demandu en tu Sitio Web***:

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkAiEwjg79WTBpxwekTP7%2F4.jpeg?alt=media&amp;token=32dec67b-37c5-42dc-9b23-dc5ebad740f2" alt=""><figcaption></figcaption></figure>

### 🌐 **PERSONALIZA TU CHATBOT PARA SITIO WEB**

En la pestaña que se llama *"Contenido"*, en donde dice "*Nombre del Bot*", escribe el nombre de tu bot y donde dice "*Llamada a la Acción*" puedes establecer cuál será el mensaje inicial del Bot.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FzHVFw0whT3E6sLwRr5tW%2FNombre%20del%20Bot.jpeg?alt=media&amp;token=f1a5a046-894e-4ae1-b123-529c8453e7e1" alt=""><figcaption></figcaption></figure>

En la pestaña *"Tema"* puedes elegir:

![](https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FvDleGMFFHH5eJLqQrlpN%2Ftema.jpeg?alt=media\&token=02032d85-5381-4d08-9561-77454c8db48e)

*"Estilo Ventana de Chat"*, aqui eliges el estilo de ventana (Moderno).

"*Bot Icon*" puedes elegir el Avatar.

"*Disposición*"  eliges la posición y el tamaño de la ventana.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fmm3ZjwNSgQgznTzzBfGv%2FUnknown.jpeg?alt=media&amp;token=1f3ee2ed-2e1d-4c5e-98f3-061bac9607bf" alt=""><figcaption></figcaption></figure>

"*Posición en la Web*" Puedes elegir la posición en la que aparecerá la ventana del chatbot.

"*Tamaño de ventana*" Puedes elegir el tamaño de la ventana del chatbot.

Al finalizar, dale clic al botón "*Guardar cambios*"


# Instalar el bot de SITIO WEB en Wix

Esta página contiene el tutorial sobre cómo instalar el bot de sitio web Demandu en Wix.

Este tutorial te guiará para integrar tu bot de Demandu en tu sitio web de Wix. Sigue estos pasos para activar tu asistente virtual y ofrecer una experiencia automatizada en tu página web.

## ✅ Instrucciones de instalación

### 1. Prepara tu bot antes de seguir adelante

Asegúrate de haber completado los siguientes pasos.

* [ ] Crea tu bot en el panel de Demandu.&#x20;
* [ ] Diseña tu chatflow y otros ajustes de diseño desde la página de configuración del bot.
* [ ] Una vez hecho esto, ve a la página de configuración de Demandu y haz clic en Instalar tu Chatbot.
* [ ] Copia el fragmento de código HTML o JavaScript proporcionado para integrar el bot en tu sitio web.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FpdLDHdT8xpj1t56txYf8%2FUnknown-1.jpeg?alt=media&amp;token=a67b8d2e-7b35-4d19-83a1-d298f3f6ad88" alt=""><figcaption></figcaption></figure>

### 2. Accede al editor de Wix&#x20;

* **Inicia sesión en Wix**\
  Ingresa a [Wix](https://www.wix.com) con tu cuenta.
* **Selecciona tu sitio web**\
  En tu panel de control, haz clic en el sitio web al que deseas integrar el bot.
* **Abre el editor de Wix**\
  Haz clic en el botón **Editar sitio** para acceder al editor visual de Wix.

### **3. Agrega el código del bot a tu sitio**

1. **Accede a la configuración del sitio**\
   En el editor de Wix, haz clic en el menú lateral izquierdo y selecciona **Código incrustado > Herramientas de MKT > Código personalizado**

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FHQGgBpyVWuWhy0zwIvvm%2FWhatsApp%20Image%202026-06-29%20at%2018.01.19.jpeg?alt=media&amp;token=86c71bfa-a484-47ca-b158-80953fda978e" alt=""><figcaption></figcaption></figure>

### **4. Agrega el código HTML**

* Haz clic en **+ Agregar nuevo código**.
* Pega el código HTML o JavaScript que copiaste desde Demandu.
* Selecciona la opción para que el código se aplique en **todas las páginas** o en la página específica donde quieres mostrar el bot.

**Guarda y publica**

* Guarda los cambios.
* Publica tu sitio web para que el bot esté visible en la página seleccionada.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FjIybEz3Q8AK33rSwR7f4%2FUnknown.jpeg?alt=media&amp;token=3c85feef-f15e-4069-8270-a8993d2d592a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FPfmBU2e8F5KyGvcsknXz%2FUnknown-1.jpeg?alt=media&amp;token=0b6db8fa-d3f3-499a-af96-560de044af2f" alt=""><figcaption></figcaption></figure>

## 4. Prueba tu bot ahora&#x20;

Ya has completado todo el trabajo pesado.&#x20;

Abre tu sitio web en modo privado (ventana de incógnito) para evitar cualquier problema de caché y encontrarás el chatbot Demandu en tu sitio web.


# Instala el bot de SITIO WEB en WordPress

Esta página contiene el tutorial sobre cómo instalar el bot de sitio web Demandu en WordPress.

Los bots para sitios web de Demandu son compatibles con todo tipo de sitios web. Sin embargo, el más común de todos es WordPress. Aquí te mostramos cómo puedes integrar chatbots en sitios web WordPress.

## ✅ Instrucciones de instalación

### 1. Prepara tu bot Antes de seguir adelante

Asegúrate de haber completado los siguientes pasos.

* [ ] Crea tu bot en el panel de Demandu.&#x20;
* [ ] Diseña tu chatflow y otros ajustes de diseño desde la página de configuración del bot.
* [ ] Una vez hecho esto, ve a la página de configuración de Demandu y haz clic en Instalar tu Chatbot.
* [ ] Selecciona el WordPress y copia el API Code/Key y guárdalo a buen recaudo contigo mismo.

### 2. Instala el plugin de chat Demandu desde el centro de plugins de WordPress&#x20;

Una vez que haya completado el primer paso, vaya al panel de administración del sitio de WordPress.&#x20;

Encuentre el centro de plugins de WordPress y busque Demandu en el cuadro de búsqueda.

&#x20;Una vez que encuentre el plugin Demandu, instálelo.&#x20;

Tras la instalación, podrá ver la opción Activar.&#x20;

Haga clic en el botón Activar para activar el plugin.

### 3. Pega el código/clave API y activa el bot&#x20;

Una vez activado el plugin Demandu, busca las Herramientas en el menú lateral.

En el menú lateral, bajo herramientas, encontrarás la opción Demandu.

Abra la opción Demandu, y verá la opción de pegar el código API Demandu / clave que ha copiado en el primer paso.

Pegue el código API y guarde la clave.

## 4. Prueba tu bot ahora&#x20;

Ya has completado todo el trabajo pesado.&#x20;

Abre tu sitio web en modo privado (ventana de incógnito) para evitar cualquier problema de caché y encontrarás el chatbot Demandu en tu sitio web.


# Gestionar el flujo de chat

La sección Editar y administrar flujos de chat te permite diseñar, personalizar y controlar cómo interactúa tu chatbot con los usuarios a través de flujos conversacionales estructurados.

La sección **Editar y administrar flujos de chat** te permite ver, actualizar, organizar y controlar todos los flujos de conversación creados para tu chatbot. Desde aquí, puedes ajustar la interacción de tu bot con los usuarios editando mensajes, gestionando múltiples flujos y definiendo cómo y cuándo se activa cada uno.

Esta sección es fundamental para mantener conversaciones de chatbot precisas, atractivas y orientadas a objetivos.

### Qué puedes hacer aquí

Utilizando la página Editar y administrar Chatflow, puede:

* Editar flujos de chat existentes

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Al hacer clic en "Classic Builder", se cambiará el modo visual.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FV6YXs3lALsUA1oW3jHjO%2FScreenshot%202026-07-02%20at%2012.31.04%E2%80%AFPM.png?alt=media&amp;token=354bf5b7-bb5c-480f-96a2-c7dbc9859ec6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FkIhNklSPzJzHvffiM1d4%2FScreenshot%202026-07-02%20at%2012.37.10%E2%80%AFPM.png?alt=media&amp;token=3653ce95-5662-4fec-8da1-6e2bdd4a99b1" alt=""><figcaption></figcaption></figure>

* Haga clic en el botón "Visualise Flow" para cambiar avanzado.&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fu92FpxJar3M0yWr8Zydl%2FScreenshot%202026-07-02%20at%2012.29.35%E2%80%AFPM.png?alt=media&amp;token=65e6436c-e6e7-42c8-8383-a8379baa1e30" alt=""><figcaption></figcaption></figure>

* Haga doble clic en el componente para abrir la ventana de configuración un componente en particular.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F2Oniq6tNStcUrBIEC8cq%2FScreenshot%202026-07-02%20at%2012.34.30%E2%80%AFPM.png?alt=media&amp;token=b283affb-17e5-4f12-b1e2-caff6cbc5ab1" alt=""><figcaption></figcaption></figure>

* Configure los ajustes generales y avanzados del componente en particular.
* Crea y gestiona múltiples flujos con la ayuda del componente Redirect.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FDyxpB3lKhGwMbiOtVKBA%2FScreenshot%202026-07-02%20at%2012.55.02%E2%80%AFPM.png?alt=media&amp;token=424940ab-4e0c-4b30-9e39-afaad6168b8f" alt=""><figcaption></figcaption></figure>

* Establecer un flujo de chat predeterminado

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F54s7hrEDGhbzdzcGMK3f%2FScreenshot%202026-07-02%20at%2012.57.41%E2%80%AFPM.png?alt=media&amp;token=abe9137a-e2c0-4ea3-a402-e37b1c3e22e1" alt=""><figcaption></figcaption></figure>

* Habilitar o deshabilitar los flujos de revisita

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FGlLDWjRnsWx0OnGJ3uuZ%2FScreenshot%202026-07-02%20at%2012.58.46%E2%80%AFPM.png?alt=media&amp;token=4bd51c58-6562-433d-ad5f-cea34bbc69b8" alt=""><figcaption></figcaption></figure>

* Flujos de chat de importación y exportación

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fa7ZcVwoDO8N7x8E4dhcE%2FScreenshot%202026-07-02%20at%2012.59.48%E2%80%AFPM.png?alt=media&amp;token=8f7bfbad-8b54-44b7-9e83-de032e526e39" alt=""><figcaption></figcaption></figure>

* Eliminar flujos no utilizados o desactualizados

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FNrLDWIk5cDOycEDVtgSn%2FScreenshot%202026-07-02%20at%201.00.33%E2%80%AFPM.png?alt=media&amp;token=905ff851-cfac-4a36-a0ce-a4360c8546d5" alt=""><figcaption></figcaption></figure>

## Preguntas frecuentes

<details>

<summary>Puedo editar un flujo de chat que está activado? </summary>

Si, cualquier cambio se puede hacer en vivo y se guarda al instante sin necesidad de dar click en un botón de "guardar".

</details>

<details>

<summary>Puedo crear múltiples flujos? </summary>

Si, puedes crear flujos ilimitados y conectarlos entre si con el componente "Redirigir".&#x20;

</details>

<details>

<summary>Que pasa si elimino un flujo?</summary>

El flujo queda permanentemente eliminado y no se puede restaurar.&#x20;

</details>

<details>

<summary>Puedo reusar flujos en otro chatbot? </summary>

Si. Descargue el flujo e impórtalo a otro bot del mismo tipo.

</details>

<details>

<summary>Para que debería usar los "Flujos de Revisita"?</summary>

Los flujos de revisita permiten a los usuarios recurrentes acceder de nuevo a la misma conversación, lo que mejora la continuidad y la experiencia del usuario.

</details>


# Edita tu Flujo de Chat

Tu bot se ve genial, ahora, hagámoslo más inteligente. Edita tu chatbot para que se adapte a tus necesidades exactas.

{% embed url="<https://youtu.be/iE7abtK3sGM?si=AysHIjs7HDUXzKzK>" %}

## ¿Qué es un flujo de chat?

Un **flujo de chat** es la estructura de mensajes que determina cómo se desarrolla la conversación entre tu chatbot y el usuario. Es totalmente configurable y suele verse como un diagrama de bloques de mensajes y acciones conectados entre sí. Al diseñar el flujo, defines qué dice el bot, en qué orden, y cómo reacciona según las respuestas del usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FiX5VsmcrMQKiIsaYCeRs%2FScreenshot%202024-04-10%20at%2016.35.32.png?alt=media&amp;token=02f0afac-a360-46cb-ac84-110d2e537ae4" alt=""><figcaption><p>Flujo de Chatbot</p></figcaption></figure>

## 1. ¿Cómo personalizar el flujo del chat?&#x20;

**1.1 Accede al editor de flujo:** En el panel de Demandu, selecciona tu bot y haz clic en la pestaña **“Edita tu flujo de chat”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F68bzbxLbeBzJGlB6HaZ7%2FScreenshot%202024-04-10%20at%2016.30.39.png?alt=media&amp;token=6b472f64-6e07-4fdc-9831-088f677b0a56" alt=""><figcaption></figcaption></figure>

**1.2 Plantilla de flujo precreada:** Verás una plantilla de flujo de chat ya creada con mensajes de ejemplo. Puedes usarla como base y modificarla según las necesidades de tu negocio. Incluso puedes **importar una plantilla** diferente desde la pestaña **“Importar plantilla”** en la esquina superior derecha si deseas comenzar con otro diseño de conversación.

## 2. Herramientas para editar el flujo del chat

{% embed url="<https://youtu.be/VBdlm0zP1_w?si=Q1Fn7159wiDtpWww>" %}

Demandu proporciona varias herramientas para modificar el flujo de forma fácil y rápida:

**2.1 "Añadir nuevo componente**": Haga clic aquí para ver una lista desplegable de todos los componentes disponibles que se pueden agregar al flujo, como pedir el nombre, el correo electrónico, el número de teléfono del usuario o colocar una pregunta de una sola opción o de opción múltiple para que los visitantes respondan. Esto ayuda en la generación de datos de usuario y clientes potenciales.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FQCv56EjieiLtFk4fjibM%2FScreenshot%202024-04-10%20at%2016.38.18.png?alt=media&amp;token=197bf3e2-d259-47ae-a421-3fc300af90cf" alt=""><figcaption></figcaption></figure>

2.2 **Barra de zoom y vista:** En la esquina inferior izquierda del editor, tienes controles para ajustar la vista del diagrama:

* *Ajustar vista*: encuadra todo el flujo en la pantalla.
* *Acercar/alejar (zoom)*: para ver con más detalle o en perspectiva.
* *Eliminar* (ícono de papelera): borra todo el flujo actual (¡útil solo si deseas empezar desde cero!).
* *Bloquear* (candado): una vez satisfecho con el flujo, puedes bloquearlo para evitar ediciones accidentales.

2.3 **Mini mapa** en la pantalla lateral inferior derecha: te informa sobre la posición de flujo del chat incluso si está dislocada más allá de la pantalla.

2.4 **Conector de línea**: Para conectar componentes entre sí (establecer el orden de los mensajes), utiliza las flechas o puntos de conexión arrastrando una línea desde un componente hasta el siguiente.

2.5 **Flujo de prueba:** Un botón **“Probar flujo”** te permite simular la conversación y verificar cómo fluyen los mensajes entre el bot y un usuario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FWWcipslQ3wo08lHHOKNP%2FScreenshot%202024-04-10%20at%2016.39.34.png?alt=media&amp;token=4865a659-637b-4528-98d9-12b66915b07d" alt=""><figcaption></figcaption></figure>

## 3. Herramientas para editar el flujo del chat

**3.1 Agregar y personalizar componentes:** Para editar el contenido de un mensaje o acción, simplemente haz clic en ese componente en el diagrama. Por ejemplo, puedes hacer clic en el **mensaje de bienvenida** y cambiar el texto por uno que incluya el nombre de tu marca. Después de editar un mensaje.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fs0DbpXYvrHAqmtjetDLX%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.21.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a95ef73b-6e2e-49f5-9764-302bc75c1b80" alt=""><figcaption></figcaption></figure>

**3.2 Agregar componentes al flujo:** Como se mencionó, puedes usar el botón *Agregar nuevo componente* o hacer clic en el **icono “+”** que aparece al final de cada secuencia en el diagrama. Ambos métodos permiten insertar un nuevo bloque en el flujo.\
Ejemplo: Si deseas que el bot comparta el enlace de tu sitio web, puedes agregar un componente **“Enlace web”** al final del flujo. Luego, conecta ese bloque desde el mensaje anterior con un conector de línea, y personaliza el enlace (texto descriptivo y URL) en las opciones del componente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FCNEykC5xtw2JzKIrW5EJ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.22.20%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31ed85bb-577a-4b83-a6e5-3ce6a337c6bf" alt=""><figcaption></figcaption></figure>

**3.3 Conectar componentes en el flujo:** Cada componente tiene una opción para **“Ir al siguiente mensaje”**. Asegúrate de establecer qué componente sigue a cuál para que el flujo tenga continuidad. Por ejemplo, después de un bloque de *Pregunta de texto*, puedes conectar la respuesta a un bloque de *Acción* o a otro mensaje. Utiliza los conectores de línea para unirlos en el orden deseado.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fbjnquqoj9qutz4SQPKyY%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.23.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=2d48128c-eb24-4c97-a887-ce95bcac5bc8" alt=""><figcaption></figcaption></figure>

**3.4 Finalizar el flujo:** Siempre es aconsejable terminar el flujo con un componente de **“Fin de chat”**. Para ello, ve al último componente de tu secuencia y en su menú desplegable de “ir al siguiente”, selecciona **“Terminar chat”**. Esto indica al bot cuándo la conversación ha concluido. **Nota:** Es *obligatorio* añadir un final de chat; de lo contrario, el sistema puede generar un error y el flujo podría no funcionar correctamente.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLF9aOfHQxTzqnW67dZCQ%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%2010.24.12%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=13ef55eb-be67-4cb7-8121-a6b41a64ac71" alt=""><figcaption></figcaption></figure>


# Componentes de Flujo

Los componentes de flujo en Demandu son elementos cruciales que te permiten construir y personalizar la experiencia de interacción entre tu chatbot y tus usuarios. Al usar estos componentes, puedes cr

## ¿Qué son los Componentes de Flujo?

Los componentes de flujo son módulos predefinidos que puedes arrastrar y soltar en el constructor de flujos de la plataforma Demandu. Cada componente tiene una función específica y puede ser configurado para interactuar con el usuario de diversas formas. Estos componentes facilitan la creación de flujos conversacionales de manera intuitiva y sin necesidad de conocimientos técnicos avanzados.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FALMhUlQfzgNzpzevKLhO%2FScreenshot%202024-09-09%20at%2010.06.18%E2%80%AFPM.png?alt=media&amp;token=d2f94dfb-d4b2-4e7d-80c9-26b6d7408b54" alt=""><figcaption></figcaption></figure>

## ¿Cómo Funcionan los Componentes de Flujo?

Los componentes de flujo funcionan integrándose entre sí para crear un camino conversacional lógico y coherente. Por ejemplo, puedes empezar solicitando el nombre del usuario, luego pedir su correo electrónico, y después ofrecerle opciones de productos según sus preferencias. Cada interacción puede ser personalizada para satisfacer las necesidades de tus usuarios y los objetivos de tu negocio.

### Función de los Componentes de Flujo

La función principal de los componentes de flujo es guiar la conversación y capturar información relevante de los usuarios. Aquí hay algunas funciones clave:

* **Recolectar Datos**: Solicitar y almacenar información del usuario, como nombre, correo electrónico, número de teléfono, etc.
* **Interactividad**: Proporcionar opciones y respuestas interactivas, permitiendo a los usuarios seleccionar entre múltiples opciones.
* **Envío de Contenidos**: Enviar mensajes, enlaces, imágenes, videos, y más.
* **Integración**: Conectarse con sistemas externos mediante webhooks y envíos de datos a CRM como Hubspot, Salesforce, entre otros.

## Importancia de Usar los Componentes de Flujo Adecuadamente

Usar los componentes de flujo de manera adecuada es fundamental para asegurar que la interacción con tus usuarios sea fluida, eficiente y cumpla con tus objetivos comerciales. Aquí algunos puntos clave:

1. **Experiencia del Usuario**: Un flujo bien diseñado mejora la experiencia del usuario, aumentando la satisfacción y la tasa de conversión.
2. **Eficiencia Operativa**: Automatizar interacciones comunes ahorra tiempo y recursos, permitiendo que tu equipo se enfoque en tareas más complejas.
3. **Precisión de Datos**: Capturar y almacenar información de manera efectiva garantiza que tengas datos precisos y utilizables para futuras campañas y análisis.
4. **Integraciones**: La capacidad de integrarse con sistemas CRM como Hubspot y Salesforce permite sincronizar datos automáticamente, mejorando la gestión de relaciones con clientes y la personalización de ofertas.

Con una buena comprensión y uso de los componentes de flujo de Demandu, puedes crear experiencias conversacionales ricas y efectivas **100% personalizables**, mejorar la recolección de datos y optimizar la gestión de relaciones con clientes. Vamos a explorar cada componente en detalle y ver cómo puedes aprovechar al máximo sus capacidades.

## Ejemplo de componentes y personalización

* Si deseas **preguntar varias cosas al usuario** (como nombre, email, preferencias), puedes añadir sucesivamente componentes de **Solicitud de información** (Nombre, Email, etc.) y conectarlos en orden.
* Para **ofrecer opciones múltiples** (por ejemplo, preguntar “¿En qué puedo ayudarte?” con varias opciones), agrega un componente **“Opción múltiple”**. Personaliza el texto de la pregunta y añade las opciones (Demanda te permite hasta 5 opciones). Luego conecta cada opción a distintos caminos si es necesario (usando la configuración dentro del mismo componente).
* Si quieres **respuestas inteligentes** según palabras clave que escriba el usuario, utiliza el componente **“Pregunta inteligente”**. Por ejemplo, puedes configurar palabras clave como *“precio”, “coste”* para que, si el usuario las menciona, el bot responda con información de precios. En las opciones del componente Pregunta inteligente:
  * Define las palabras clave y la condición de coincidencia (exacta o contenida en la frase del usuario).
  * Por cada conjunto de palabras clave, enlaza a la respuesta o siguiente bloque apropiado.
* El componente **“Chat en vivo”** te permite transferir la conversación a un agente humano. Puedes colocarlo, por ejemplo, después de que el bot maneje ciertas preguntas. Al activarse, notificará a un agente para continuar la charla. Personaliza el mensaje que el usuario verá (ej. “Te estoy conectando con un agente...”) y configura este bloque para que se asigne a tu equipo de soporte (ver más adelante la asignación automática de chats).

Cada componente que agregues se puede arrastrar y ubicar visualmente en el lienzo para organizar mejor el diagrama.

{% hint style="success" %}
**Consejo:** Guarda con frecuencia los cambios y prueba el flujo con distintos escenarios (usando **“Probar flujo”**) para asegurarte de que todas las rutas conversacionales funcionan como esperas.
{% endhint %}


# Solicitud de Información

Solicitar información (entrada del usuario)

Estos componentes **preguntan algo al usuario** y esperan una respuesta.&#x20;

{% hint style="info" %}
*Nota:* El flujo **no continuará** hasta que el usuario proporcione la información solicitada en estos componentes.
{% endhint %}

1. **Nombre:** Pide al usuario su nombre.

   * Al añadirlo desde “Agregar componente”, puedes personalizar el mensaje de solicitud (ej. “¿Cómo te llamas?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FBl8l8Nlx2Fo1ocTpV7iU%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%206.36.50%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=e8cebe5f-1c8b-4137-9a7d-cc5381370676" alt=""><figcaption></figcaption></figure>
2. **Teléfono:** Solicita un número de teléfono.

   * Personaliza el mensaje (ej. “Por favor, ingresa tu número de teléfono”).
   * Puedes especificar un código de país predeterminado para el número en las opciones.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqkNseWWhg4A6rQIlkqSW%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.00.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=efb57ff3-eef5-4588-8102-d0562f311d60" alt=""><figcaption></figcaption></figure>
3. **Email:** Solicita la dirección de correo electrónico del usuario.

   * Personaliza el texto de la petición (ej. “¿Cuál es tu correo electrónico?”).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FwWN7hU8zykz0SqVMF5j3%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%207.01.28%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=32c242ac-3417-4a61-a4c7-4b443298aa15" alt=""><figcaption></figcaption></figure>
4. **Opción única (Single Choice):** Presenta una pregunta con varias opciones, de las cuales el usuario solo puede elegir **una**.

   * Personaliza la pregunta y las opciones (hasta 5 opciones).
   * Debes vincular cada opción a su siguiente paso en el flujo (desde las opciones del componente).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FFyIcFDIabhYnLLPNIJG5%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.00.10%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=cfaebd1a-ab0d-4373-af1b-79b937133f84" alt=""><figcaption></figcaption></figure>
5. **Pregunta abierta (Texto):** Pide al usuario una respuesta libre (texto cualquiera).

   * Ejemplo: “¿En qué puedo ayudarte?” sin opciones predefinidas.
   * El usuario puede responder libremente, y deberás manejar esa respuesta (posiblemente con Pregunta inteligente o con acciones manuales).

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FLQqPfu9EE7jC705cll6u%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.05.00%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=1c4e923e-9429-468b-befa-85b1b0276ecd" alt=""><figcaption></figcaption></figure>
6. **Subir archivo (File Upload):** Solicita al usuario que adjunte un archivo, imagen o video.

   * Personaliza el mensaje (ej. “Sube una imagen de tu problema”).
   * El usuario verá la opción de cargar un archivo desde su dispositivo. *(El tamaño máximo admitido es generalmente 15 MB para videos en Demandu.)*

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FVa9PwP5iXmxz5JP2wz8z%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%202.54.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=400e0958-dbde-4170-ab07-0c6817a4fdb4" alt=""><figcaption></figcaption></figure>
7. **Agendar cita (Appointment):** Permite agendar una cita o seleccionar una franja horaria.

   * Puedes configurar el mensaje solicitando al usuario elegir un horario.
   * Define el horario disponible (hora de inicio y fin de disponibilidad diaria).
   * Define la duración o intervalos de las citas (ej. intervalos de 30 minutos).
   * Establece para cuántos días futuros se puede reservar.
   * Integra una aplicación de calendario externa si corresponde (por ejemplo, Google Calendar, SimplyBook, etc., si la plataforma lo ofrece).
   * Este componente recoge una fecha y hora preferida del usuario.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FRUSgkw84UH8UEv79KAmn%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.35.31%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0389cfa6-f5f9-49fd-90ce-8c6ab64fb73e" alt=""><figcaption></figcaption></figure>
8. **Ubicación (Location):** Pide una ubicación (en formato texto) al usuario.

   * Por ejemplo: “¿En qué ciudad te encuentras?”.
   * *Nota:* Este componente no solicita coordenadas ni mapas, solo texto de ubicación.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FN4cRlNOrCgKKKfc3R3dO%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.37.16%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fc816b19-d9fa-4d19-8460-9483c8d67471" alt=""><figcaption></figcaption></figure>
9. **Entrada numérica (Numeric Input):** Similar a Pregunta abierta, pero esperando específicamente un número.

   * Ejemplo: “¿Cuántos empleados tiene su empresa?” con validación para que ingrese solo dígitos.
   * Personaliza el mensaje e indica claramente que se espera un número.

   <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSddsIIJfk5rEhC29tgdx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.40.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=fdabc865-a91f-4d55-8bef-7260cc6c4025" alt=""><figcaption></figcaption></figure>
10. **Pregunta inteligente (Smart Question):** Permite que el bot interprete la respuesta libre del usuario para decidir el siguiente paso (palabras clave).

    * Especifica la pregunta o indicación (ej. “¿En qué puedo ayudarte?”).
    * Define conjuntos de **palabras clave** y asócialos a determinados siguientes pasos. Por ejemplo, palabras clave como *“precio”* o *“costos”* podrían dirigir a información de precios; palabras clave *“soporte”* o *“ayuda”* a un flujo de soporte.
    * Elige el modo de coincidencia: **exacta** (la respuesta debe coincidir exactamente con la palabra/frase) o **contener** (si la palabra aparece en la respuesta).
    * Puedes definir múltiples conjuntos de palabras clave. Cada conjunto puede desencadenar una ruta distinta del flujo.
    * Este componente es muy útil para crear un comportamiento similar a preguntas abiertas pero con entendimiento básico mediante palabras clave.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FSrTyEpQgtYPQxiFmYezx%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.41.02%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=0bb3a864-98bc-44bb-85e2-cf3b98911162" alt=""><figcaption></figcaption></figure>
11. **Redirigir (Redirect):** Ya mencionado en la sección de flujos múltiples, este componente **no solicita información al usuario**, sino que salta a otro flujo interno.

    * Puedes incluir un mensaje breve antes de redirigir (opcional).
    * Selecciona del menú desplegable el flujo de destino (previamente creado en el bot).
    * Al activarse, el chat **cambiará al flujo seleccionado**, continuando allí la conversación.

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FYnEoj3u4Hht5vl9TsrQp%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.44.48%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b86ece44-f727-4e3a-94a9-b743a9ec2d00" alt=""><figcaption></figcaption></figure>
12. **API (Integración externa):** Este componente permite conectar el flujo con una integración o API de terceros configurada.

    * Úsalo para realizar, por ejemplo, una consulta externa (como a tu base de datos o servicio) durante la conversación.
    * En Demandu, seleccionarás la API preconfigurada que deseas llamar.
    * Puedes personalizar un mensaje de espera o de respuesta, y especificar qué hacer con el resultado:
      * Por ejemplo, puedes manejar **código 200 (éxito)** y **código 400 (error)** con rutas distintas en el flujo (continuar a un mensaje de éxito o de error).

    <figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fmoa16t377sq3orgEUQXi%2FCaptura%20de%20pantalla%202025-04-01%20a%20la(s)%203.50.06%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=f734a6bc-0a1e-4956-a7f3-15dde0db0c32" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
*Nota:* Configurar APIs externas puede requerir haber introducido credenciales o claves en la sección de **Desarrolladores** de Demandu. Consulta la[ documentación de integraciones](/guia-de-productos-y-formacion/referencias-api/integracion-de-api-de-terceros) API para más detalles.
{% endhint %}


# Enviar información

(salida al usuario)

Estos componentes **envían mensajes o contenido al usuario** sin requerir una entrada inmediata. Suelen ser respuestas del bot.

1. **Mensaje:** Envía un mensaje de texto simple al usuario.
   * Ejemplo: un saludo, una explicación o cualquier texto informativo.
   * Puedes agregar variables personalizadas dentro del mensaje (ver más abajo cómo usar variables).
2. **Imagen/GIF:** Muestra una imagen o GIF animado al usuario.
   * Puedes añadir un texto que acompañe la imagen (ej. “Aquí está la foto que pediste:”).
   * Opciones:
     * Buscar un GIF por nombre (se integra con un servicio de GIFs).
     * Subir una imagen desde tu dispositivo o pegar una URL de imagen.
   * La imagen/GIF aparecerá directamente en el chat.
3. **Video:** Envía un video en el chat.
   * Añade un texto descriptivo si lo deseas (ej. “Video explicativo:”).
   * Proporciona una URL de video o sube un archivo de video (recordando la limitación de tamaño, p. ej. 15 MB).
   * El usuario podrá reproducir el video dentro de la ventana de chat.
4. **Enlace web:** Comparte uno o varios enlaces clicables.
   * Incluye un texto introductorio si se necesita.
   * Indica la plataforma de destino desde un desplegable (generalmente “Website” para enlace web).
   * Para cada enlace: especifica un **título** visible y la **URL** correspondiente.
   * Puedes agregar múltiples enlaces. Cada título aparecerá como un botón o enlace en el chat; al hacer clic, se abrirá la página correspondiente.

###


# Acciones

(disparadores de funciones avanzadas)

Estos componentes **ejecutan acciones especiales** en el chat o la plataforma:

1. **Chat en vivo (Live Chat):** Inicia un chat en vivo con un agente humano disponible.
   * Cuando el usuario llega a este punto, se genera una solicitud de chat en vivo para tu equipo.
   * Puedes configurar un mensaje para el usuario indicando que será atendido por un agente (ej. “Te conectaremos con un agente ahora...”).
   * Este componente está ligado a tu configuración de **Equipo**: se asignará la conversación a un miembro del equipo con rol de soporte.
   * (Consulta también el componente *Asignar chat*, descrito más abajo, para control de a quién se asigna.)
2. **ChatGPT (IA):** Activa el motor de IA (ChatGPT) dentro del flujo de chat para que el bot responda dinámicamente.
   * Al llegar aquí, el chatbot empezará a utilizar la IA de Demandu (basada en GPT) para responder preguntas abiertas del usuario.
   * Puedes establecer un mensaje inicial antes de las respuestas de IA (ej. “Claro, déjame pensar...”).
   * Define cuántas interacciones (preguntas) seguidas manejará la IA (número de consultas que la IA resolverá en esta sesión).
   * **Sugerencias de consulta:** Puedes habilitar una caja de sugerencias (hasta 3 sugerencias) para guiar al usuario en qué preguntar. Si la activas, proporciona hasta 3 ejemplos de preguntas que el usuario puede hacer, que aparecerán como botones rápidos.
   * Este componente funciona mejor si has **entrenado tu IA** con datos relevantes (ver la sección de Entrenar chatbot con IA más abajo). La IA usará tanto los datos entrenados como su modelo de lenguaje para responder.
3. **Asignar chat (Assign Chat):** Asigna automáticamente la conversación de chat en vivo a un miembro de tu equipo.
   * Puedes optar por asignar a un **miembro específico** (seleccionas su nombre de la lista de tu equipo) *o* asignar por **departamento**.
   * Si asignas por departamento, Demandu usará la lógica **“Round Robin”**: distribuirá equitativamente las solicitudes de chat entre los miembros del departamento, uno por uno.
   * Opciones adicionales:
     * No asignar a agentes desconectados (fuera de línea).
     * Asignar solo a agentes dentro del horario laboral configurado (si tienes horarios de atención definidos).
   * Este componente complementa al de Chat en vivo; puedes usarlo para decidir cómo se reparte la conversación en vivo.
4. **Condición If/Else (rama condicional):** Permite tomar decisiones en el flujo basado en condiciones definidas (normalmente sobre datos del usuario o respuestas previas).
   * Con este componente, puedes crear bifurcaciones lógicas. Por ejemplo: “Si el cliente seleccionó ‘Soporte’, ir al flujo de soporte; de lo contrario, seguir al flujo de ventas”.
   * Para configurarlo: haz clic en **“Añadir condición If/Else”**.
   * Selecciona el tipo de dato o propiedad a evaluar:
     * Puede ser una **respuesta del visitante** previa, un **atributo personalizado** que tengas guardado, una **propiedad de contacto** (p. ej., si ya es cliente o no) o una **propiedad de la conversación**.
   * Define la comparación: igual a, distinto de, mayor que, menor que, etc., según el tipo de dato.
   * Introduce el valor a comparar. Puedes añadir múltiples condiciones **AND** (todas deben cumplirse) o **OR** (cualquiera que se cumpla dispara la rama).
   * Una vez definidas las condiciones, conectas la salida verdadera (If) y la salida falsa (Else) hacia diferentes componentes en el flujo (en el editor verás ramas separadas para cada caso).
   * Ejemplo: *Si* `tipoUsuario` es “Cliente existente”, *entonces* mostrar opciones de soporte avanzado, *si no* (else) ofrecer información de productos.

#### Configuraciones globales en el flujo

* **Uso de “Ir al siguiente mensaje”:** Este ajuste aparece en cada componente. Sirve para enlazar manualmente el próximo bloque a ejecutar tras el actual, en caso de que no esté definido por defecto. Por lo general, se utiliza en componentes que no tienen una salida específica (como un mensaje final). Asegúrate de utilizarlo para encadenar bien la secuencia de tu chat.
* **Variables personalizadas en mensajes:** En cualquier mensaje de salida (texto), puedes insertar variables dinámicas (como el nombre del usuario, el correo, etc.) escribiendo **`/`** en el editor de texto del mensaje. Aparecerá un menú desplegable de variables predefinidas (por ejemplo: `/name` para el nombre del visitante si se solicitó antes). Selecciona la variable para incluirla. Cuando el bot envíe ese mensaje, reemplazará la variable por el valor real correspondiente.


# Redirigir (Múltiples Flujos Interconectados)

Esta página contiene toda la información sobre cómo crear múltiples flujos en el bot y usar el componente de redirección para activarlos en el flujo de chat.

La plataforma Demandu te permite crear **múltiples flujos de chat** dentro de un mismo bot, y usar un componente especial de **Redirección** para saltar de un flujo a otro durante la conversación. Esto es útil si tienes, por ejemplo, distintos sub-flujos para diferentes temas o secciones (ventas, soporte, reservas, etc.) y quieres invocarlos según las respuestas del usuario.

## ¿Cómo configurar flujos múltiples con redirección?

**Crear un nuevo flujo:** En la sección **“Edita tu flujo de chat”**, haz clic en **“Crear nuevo flujo”**. Asigna un nombre a este flujo (por ejemplo, *Flujo de Soporte*) y créalo. Luego diseña este flujo como lo harías normalmente. El nuevo flujo aparecerá listado en la página de edición.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FY2jBmhZbRm60MC0sI6lp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.37.15%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=62cb9da3-97e6-4387-ac36-a11170efa003" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fqm0OTXr7mgt9J6u7xTJ8%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.38.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=ad479a13-5561-4f11-9846-45e9f36d799f" alt=""><figcaption></figcaption></figure>

Introduce el nombre:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FJ1DQnQ1YOgYGRlYWYKDm%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.39.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=38da37ad-07e4-4c7a-a858-08bf746d3879" alt=""><figcaption></figcaption></figure>

Configura el nuevo flujo con la interacción que deseas:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FgJ915hocKYRTcoeA5Ydp%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.40.13%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=8a424296-d86f-42e0-ab4c-3e917283f935" alt=""><figcaption></figcaption></figure>

Aparecerá en tu lista de Flujos con el nombre que configuraste:&#x20;

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FlSBiEus0iY5PjGbfsn6j%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.41.33%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=b5d040a0-d1ab-4115-b6b6-58d337b5c7fa" alt=""><figcaption></figcaption></figure>

**Agregar componente de Redirección en un flujo existente:** Ve a otro flujo (por ejemplo, el flujo principal) donde quieras insertar la bifurcación. En ese punto del flujo, agrega el componente **“Redirigir”**.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FavyzWfRBOAWsSaXKvE5d%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.45.46%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=91067b78-5d64-4b85-b060-5cb82b801885" alt=""><figcaption></figcaption></figure>

**Configurar la redirección:** En las opciones del componente Redirigir, selecciona del desplegable el nombre del flujo al que deseas que salte (por ejemplo, *Flujo de Soporte* creado en el paso 1). Puedes añadir un breve texto antes de redirigir (ej. “Permíteme comprobar esa información...”).

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F3rLdkTzxa1i7WQZxwRTr%2FCaptura%20de%20pantalla%202025-03-31%20a%20la(s)%208.47.08%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=7b381ed6-febe-4648-97a8-b31d60e2680c" alt=""><figcaption></figcaption></figure>

**Resultado de la redirección:** Una vez configurado, cuando la conversación llegue a ese componente, el chatbot **cambiará al flujo seleccionado**. A partir de ahí, seguirá los mensajes y lógica de ese flujo secundario.

Con este método, puedes conectar fluidamente varios flujos dentro de un mismo bot. Esto aumenta la flexibilidad de las interacciones, permitiendo manejar distintos escenarios de conversación sin tener que construir un único flujo enorme.


# REFERENCIAS API

(Para usuarios técnicos y desarrolladores que deseen usar la API de Demandu directamente.)

Demandu ofrece una serie de **APIs REST** que permiten gestionar contactos, conversaciones y más desde aplicaciones externas. Las referencias completas de API incluyen:

* **Contactos & Chats API:** Endpoints para obtener todos los contactos, obtener segmentos o grupos, añadir contactos de WhatsApp, eliminar contactos de WhatsApp, obtener metadatos de contactos de web, etc.
* *(Posiblemente otras APIs generales para el bot, dependiendo de la documentación)*

Cada endpoint está documentado con su URL, método HTTP, parámetros requeridos y ejemplo de respuesta. Por ejemplo, para obtener todos tus contactos via API:

```
GET /api/v1/contacts  (requiere autenticación con token API)
```


# Integración de API de terceros

Esta página contiene la descripción de como se realiza la integración de API de terceros dentro de los flujos creados en la plataforma.


# Requisitos que debe cumplir del API de un tercero

Listado de los requisitos que debe cumplir el API de un tercero para poderse integrar a la plataforma.

Requisitos Generales de la API

La API que se integre a la plataforma **Demandu** debe cumplir con los siguientes requisitos generales:

1. **Tipo de API**: La API debe seguir la arquitectura RESTful, utilizando métodos HTTP estándar (GET, POST, PUT, DELETE, etc.).
2. **Autenticación**: La autenticación debe implementarse mediante un **token** de acceso.
   * El token de acceso puede ser enviado de dos maneras:
     1. **Como parámetro en la URL** (ejemplo: `https://api.demandu.com/resource?token=token)`
     2. **Como Bearer token en el encabezado** HTTP:
        1. Authorization: Bearer \[token]
3. **Lista de Endpoints**: Se  debe proporcionar una lista de endpoints con sus respectivos parámetros de entrada, salida y el método HTTP que utiliza.
4. **Encabezados Adicionales**: Se debe especificar si se requieren enviar encabezados adicionales, como el tipo de contenido aceptado.
5. **Estructura del Cuerpo de la Solicitud**: Algunos métodos HTTP estándar requieren enviar los parámetros de entrada como parte del cuerpo de la solicitud, por lo que es necesario especificar su estructura.

#### Consideraciones adicionales

* **Manejo de errores**: La API debe manejar y devolver los siguientes códigos de error estándar:
  * `400 Bad Request`: Si los parámetros enviados no son válidos.
  * `401 Unauthorized`: Si el token de autenticación es inválido o no se proporciona.
  * `404 Not Found`: Si el recurso solicitado no existe.
  * `500 Internal Server Error`: En caso de errores del servidor.
* **Formato de datos**: Todas las respuestas y solicitudes deben ser en formato **JSON**.
* **Tasa de peticiones**: Se puede imponer un límite de peticiones por minuto para evitar abusos, por ejemplo, 100 peticiones por minuto.


# Gestión de parámetros de entrada y salida del API

Descripción de como mapear los parámetros de entrada y salida del API dentro de la plataforma.

Para integrar un API de terceros con la plataforma **Demandu**, es necesario que por cada **parámetro de entrada** y **parámetro de salida** de los endpoints del API, se cree un **atributo personalizado** en la plataforma **Demandu**. Esto permite mapear los datos de forma precisa entre el API de terceros y los recursos gestionados dentro de Demandu, garantizando una integración completa y eficiente.

#### Proceso de Creación de Atributos Personalizados

1. **Identificación de los Parámetros del API del Tercero**:
   * Para cada endpoint del API del tercero, es necesario identificar todos los **parámetros de entrada** (datos que se envían a la API) y **parámetros de salida** (datos que la API devuelve en su respuesta).
2. **Definición de Atributos Personalizados en Demandu**:
   * Por cada parámetro identificado, se debe crear un **atributo personalizado** en la plataforma Demandu. Estos atributos servirán como "puentes" entre la plataforma y el API del tercero.

#### Consideraciones

* Todos los atributos personalizados deben ser documentados internamente dentro de Demandu para garantizar que los desarrolladores y usuarios finales comprendan su propósito y funcionalidad.
* Si los parámetros del API cambian, los atributos personalizados deben ser actualizados en consecuencia.

Para más detalles de la creación de atributos personalizados ver [*Administrar y utilizar atributos personalizados*](/guia-de-productos-y-formacion/referencias-api/integracion-de-api-de-terceros/administrar-y-utilizar-atributos-personalizados).


# Integración con los flujos creados en Demandu

Descripción de como integrar los parámetros de entrada y salida en un flujo creado dentro de la plataforma.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FvsB4axkzWJ2xzsTOyse7%2Fimagen.png?alt=media&amp;token=c6b70483-1804-453e-a815-97d6ffc55144" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FZiBsfvLa9eoJKZxkCpUS%2Fimagen.png?alt=media&amp;token=0d33596a-8363-4676-b9bc-74666939ba4b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fy0age2DG39vD2qwxfdHt%2Fimagen.png?alt=media&amp;token=80801678-16fa-44b7-a083-e5a37ec5e00d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FjbFk2E3muCNNak2Y77Bd%2Fimagen.png?alt=media&amp;token=8fb99e3e-7aab-46c1-9b04-ad3e3da86a0c" alt=""><figcaption></figcaption></figure>


# Administrar y utilizar atributos personalizados

Esta página contiene información sobre los atributos personalizados y cómo puedes usarlos en Demandu.

## **Atributos personalizados**

Los atributos personalizados en Demandu son propiedades o variables definidas por el usuario que se pueden asignar a usuarios individuales dentro de su plataforma de chatbot. Estos atributos le permiten capturar y almacenar información específica sobre los usuarios, a la que comparten durante el chat o a la que se puede acceder desde bases de datos externas. Los atributos personalizados son una poderosa herramienta para personalizar las interacciones y crear experiencias personalizadas para los usuarios de su chatbot.

## Tipos de atributos personalizados

Hay principalmente dos tipos de atributos personalizados

1. Atributos personalizados cuyos valores se definen por las respuestas dadas por los usuarios en el flujo de chat.
2. Atributos personalizados cuyos valores se definen utilizando la API externa para cualquier usuario.

## Uso principal

Los atributos personalizados se pueden utilizar para los siguientes casos de uso:

1. Personalizar las interacciones de los usuarios
2. Recopilar datos de usuario
3. Úselo en las campañas de transmisión de WhatsApp
4. Mejorar el marketing, el apoyo y el compromiso
5. Uso de API externas en el flujo de chat
6. Exportar datos de chat que no se están exportando de forma predeterminada

## Crear y gestionar atributos

Los atributos personalizados en Demandu le permiten personalizar las interacciones del usuario y recopilar datos específicos. Siga estos pasos para crear y administrar atributos personalizados:

#### **Paso 1: Vaya al panel de control de Demandu.** <a href="#step-1-navigate-to-the-botpenguin-dashboard" id="step-1-navigate-to-the-botpenguin-dashboard"></a>

* Inicie sesión en su cuenta de Demandu y acceda al panel de control.

**Paso 2: Acceder a la configuración de la cuenta.**

* En la barra de navegación lateral, localice y haga clic en el botón "Más".
* En el menú desplegable, seleccione "Cuenta/Configuración".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FqyCyyJO3K6LUOhTeP5YV%2FScreenshot%202024-04-27%20at%2015.36.24.png?alt=media&amp;token=6501c7b1-3249-42b3-9034-751ae58d6137" alt=""><figcaption><p>Seleccionar cuenta</p></figcaption></figure>

#### **Paso 3: Administrar atributos personalizados.** <a href="#step-3-manage-custom-attributes" id="step-3-manage-custom-attributes"></a>

* En la sección Cuenta/Configuración, busca y haz clic en la pestaña "Atributos personalizados".
* Aquí encontrarás una lista de todos tus atributos personalizados. Puedes editar, eliminar, eliminar en masa y añadir nuevos atributos personalizados desde esta pestaña.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fka6RqgEUiEC4DVpgFEeE%2FScreenshot%202024-04-27%20at%2015.42.07.png?alt=media&amp;token=bc9ea675-f41a-4ea7-b1b5-ae71f2e50be2" alt=""><figcaption><p>Atributos Personalizados</p></figcaption></figure>

**Paso 4: Crear un nuevo atributo personalizado.**

* Para añadir un nuevo atributo, haga clic en el botón "Añadir atributo".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FVnJmOtVKoRp2Mr4j1BdP%2FScreenshot%202024-04-27%20at%2015.43.59.png?alt=media&amp;token=8dd57521-cd5b-4480-93fc-4ac5eef0fac6" alt=""><figcaption><p>Crear nuevo atributo</p></figcaption></figure>

* Rellene los siguientes detalles:
  * **Clave de atributo**: Esta es la clave que se guardará en el sistema. Guárdalo en minúsculas sin caracteres especiales ni espacios. Por ejemplo, si quieres guardar la ciudad para cualquier usuario, puedes usar "ciudad" como clave de atributo.
  * **Nombre del atributo**: Este será el nombre para mostrar del atributo, como "Nombre de la ciudad".
  * **Detalles opcionales que rellenar para guardar la respuesta de la API en atributos personalizados**
    * **Seleccione Bot**: Elija el bot cuya entrada de chat desea almacenar.
    * **Seleccione Flujo**: Elija el flujo de ese bot.
    * **Seleccione la pregunta**: Elija la pregunta cuya respuesta desea almacenar.

{% hint style="info" %}
Consulte el siguiente documento de ayuda para entender cómo puede usar atributos personalizados para guardar sus respuestas de la API.
{% endhint %}

¡Y eso es todo! Has creado con éxito un atributo personalizado en Demandu. Este atributo ahora se puede utilizar para personalizar las interacciones, segmentar a los usuarios y mejorar la experiencia general del chatbot.


# Integración con Sistemas CRM y Otros

La capacidad de integrarse con sistemas CRM como Hubspot y Salesforce permite sincronizar datos automáticamente, mejorando la gestión de relaciones con clientes y la personalización de ofertas.

Una de las fortalezas de Demandu es su capacidad de integración con sistemas CRM líderes en el mercado, como Hubspot y Salesforce. Estas integraciones permiten:

* **Sincronización de Datos**: Toda la información recabada por el chatbot puede ser sincronizada automáticamente con tu CRM, asegurando que los datos de contacto y las interacciones estén siempre actualizados.
* **Personalización**: Gracias a la integración, puedes personalizar las respuestas y ofertas basadas en los datos del CRM, como el historial de compras o las preferencias del cliente.
* **Automatización**: Las integraciones facilitan la creación de procesos automatizados, como enviar correos electrónicos de seguimiento, asignar tareas a los equipos de ventas o activar campañas de marketing.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2Fp9FlWENGltDNEMFGlEto%2FScreenshot%202024-09-09%20at%2010.11.00%E2%80%AFPM.png?alt=media&amp;token=8cdb22ef-aaf7-4344-a809-d8ff69b3a034" alt=""><figcaption></figcaption></figure>


# Integraciones disponibles en Demandu

En Demandu, puedes conectar tu chatbot con múltiples herramientas externas a través de nuestras integraciones públicas, disponibles directamente desde tu panel. Cada integración incluye una guía paso a paso para ayudarte a configurarla de manera sencilla y sin complicaciones técnicas.

⚙️ Todas las conexiones se realizan a través de nuestro API ELE, la infraestructura de integración oficial de Demandu. Sin embargo, algunas integraciones específicas pueden funcionar por medio de uno de nuestros proveedores tecnológicos, por lo que en ciertos campos técnicos o nombres de plugins podrías ver referencias externas (como *BotPenguin*).

💡 Esto no afecta la experiencia ni el funcionamiento, y seguimos trabajando para que cada vez más de estas integraciones estén 100% personalizadas dentro del ecosistema Demandu.

Para cada integración encontrarás:

✔️ Requisitos y credenciales necesarias (API Keys, tokens, accesos)

✔️ Pasos de activación y prueba desde tu bot

✔️ Soporte si necesitas ayuda en el proceso

## 📋 Lista de Integraciones

* **ChatGPT** – Integración de IA para potenciar respuestas del bot con ChatGPT.
* **Integraciones de Demandu (CRM, apps, etc.):**
  * **Acuity Scheduling** – Integrar con la agenda de Acuity.
  * **Microsoft Teams** – Conectar el bot a un canal de Teams.
  * **WooCommerce** – Sincronizar con tu tienda WooCommerce.
  * **Autopilot** – Enviar leads a Autopilot.
  * **Firmao CRM** – Conectar con CRM Firmao.
  * **Capsule CRM** – Integrar contactos con Capsule.
  * **Facebook Pixel** – Enviar eventos al píxel de Facebook.
  * **Elevio** – Integrar con la base de conocimiento Elevio.
  * **Close CRM** – Integración con Close CRM.
  * **CalendarHero** – Programar reuniones con CalendarHero.
  * **Extraaedge CRM** – Conectar con Extraaedge (educación CRM).
  * **Infobip CRM** – Enviar mensajes via Infobip.
  * **Google Sheets** – Ya tratado, para registrar datos en hojas de Google.
  * **Google Tasks** – Crear tareas en Google Tasks.
  * **HelpShift CRM** – Integración con HelpShift.
  * **Zendesk CRM** – Crear tickets o leads en Zendesk.
  * **LeadSquared CRM** – Enviar leads a LeadSquared.
  * **Zoho Desk** – Integrar con Zoho Desk para tickets.
  * **SupportBee** – Integración con SupportBee.
  * **Wealthbox CRM** – Conectar con Wealthbox.
  * **SendInBlue** – Enviar correos o contactos a Sendinblue.
  * **Apptivo CRM** – Conectar con Apptivo.
  * **Freshdesk CRM** – Integración con Freshdesk.
  * **Help Scout** – (Help Desk CRM).
  * **HelpCrunch CRM** – Integración con HelpCrunch.
  * **Jira CRM** – Crear issues en Jira desde el bot.
  * **KarmaCRM** – Conectar con KarmaCRM.
  * **LiveAgent CRM** – Integrar con LiveAgent chat.
  * **NetHunt CRM** – Enviar datos a NetHunt.
  * **Plivo CRM** – Integrar con Plivo (mensajería).
  * **Recurly CRM** – Conectar con Recurly (pagos recurrentes).
  * **Shipway CRM** – Integrar con Shipway (envíos).
  * **TeamGate CRM** – Conectar con TeamGate.
  * **Zoho Projects** – Crear elementos en Zoho Projects.
  * **Zoho CRM** – Pasar leads a Zoho CRM.
  * **Google Drive** – Permitir que el bot guarde/lea archivos de Drive.
  * **Agile CRM** – Integración con AgileCRM.
  * **Pipedrive** – Enviar leads a Pipedrive.
  * **Drip CRM** – Conectar con Drip.
  * **Google Calendar** – Programar eventos en Google Calendar.
  * **GetResponse** – Integrar con GetResponse (marketing).
  * **Groove** – Integrar con GrooveHQ.
  * **HelpDocs** – Conectar con HelpDocs (documentación).
  * **Bitrix24** – Integración con Bitrix24 CRM.
  * **Freshworks CRM** – Conectar con Freshworks.
  * **Insightly CRM** – Conectar con Insightly.
  * **Nimble CRM** – Integrar con Nimble.
  * **Nutshell CRM** – Conectar con Nutshell.
  * **Ontraport CRM** – Integrar con Ontraport.
  * **HubSpot** – Enviar datos a HubSpot CRM.
  * **WebHopper** – (WebHopper integration).
  * **EngageBay** – Conectar con EngageBay.
  * **FrontApp** – Integración con Front.
  * **Copper** – Conectar con Copper CRM.
  * **Salesflare** – Integrar con Salesflare.
  * **NoCRM** – Conectar con noCRM.io.
  * **Helprace** – Integrar con Helprace.
  * **Flowlu** – Conectar con Flowlu.
  * **Pipeline** – (posiblemente se refiere a Pipeline CRM).
  * **Zingtree** – Integración con Zingtree.
  * **Salesforce CRM** – Conectar con Salesforce (requiere credenciales API).
  * **Chakra CRM** – Integración con Chakra CRM.
  * **SimplyBook** – Conectar con SimplyBook para reservas.
  * **GitBook** – Integrar con GitBook (posiblemente para extraer info).
  * **GoHighLevel** – Conectar con GoHighLevel.
  * **Voxloud** – Integración con Voxloud (telefonía VoIP).
  * **ViaSocket** – Conectar con ViaSocket.
  * **Twilio** – Integración con Twilio (SMS/WhatsApp).
  * **Shopify** – Conectar con tu tienda Shopify (por ejemplo, para recuperar estado de pedido).
  * **Razorpay** – Procesar pagos via Razorpay.
  * **Pabbly** – Integración con Pabbly Connect.
  * **Outlook** – Integrar con Outlook (por ejemplo, Calendario o Correo).
  * **OnPipeline** – Conectar con OnPipeline CRM.
  * **Notion** – Integrar con Notion (por ejemplo, base de conocimiento).

{% hint style="info" %}
(La lista anterior refleja integraciones conocidas; Demandu puede agregar nuevas integraciones con el tiempo. Consulta la sección de Integraciones en tu panel para las últimas actualizaciones.)
{% endhint %}


# Contactos y Chat API


# Obtener Todos los Contactos

Esta sección proporciona la documentación del API para obtener todos los contactos de la plataforma Demandu.

### 🔍 Obtener la Bandeja de Entrada de Usuarios

Este endpoint permite recuperar datos de usuarios desde la bandeja de entrada, ofreciendo diversas opciones de filtrado para personalizar la consulta.​

* **🛠️ URL del Endpoint:**

```
https://api.v7.express-chat.com/inbox/users
```

* **📨 Método HTTP:**\
  `POST`​

#### 🛡️ Encabezados de la Solicitud

Se requiere un token Bearer válido para la autenticación.​

* **Authorization:**\
  `Bearer [TU_TOKEN]`​

*Nota:* Reemplaza `[TU_TOKEN]` con tu token de API válido.​

#### 📝 Cuerpo de la Solicitud

El cuerpo de la solicitud debe ser un objeto JSON que contenga diversos criterios de filtrado para personalizar la consulta. A continuación, se detallan los campos disponibles:​

* **searchText** *(string)*:\
  Texto de búsqueda para filtrar usuarios.​
* **tags** *(array)*:\
  Un array de etiquetas para filtrar usuarios.​
* **status** *(array)*:\
  Un array de valores de estado para filtrar usuarios.​
* **isOnline** *(boolean)*:\
  Indica si los usuarios están en línea.​
* **\_botWebsite** *(array)*:\
  Filtra usuarios basados en interacciones en el sitio web.​
* **\_botWhatsapp** *(array)*:\
  Filtra usuarios basados en interacciones en WhatsApp.​
* **\_botTelegram** *(array)*:\
  Filtra usuarios basados en interacciones en Telegram.​
* **\_botFacebook** *(array)*:\
  Filtra usuarios basados en interacciones en Facebook.​
* **\_agentAssigned** *(array)*:\
  Filtra usuarios asignados a agentes específicos.​
* **segments** *(array)*:\
  Un array de segmentos para filtrar usuarios.​
* **applicableFilters** *(array)*:\
  Un array de filtros aplicables.​
* **lastSeenAt** *(objeto)*:\
  Filtro de rango de fechas para la última vez que se vio al usuario.​
* **createdAt** *(objeto)*:\
  Filtro de rango de fechas para la fecha de creación.​
* **userInteracted** *(boolean)*:\
  Indica si los usuarios han interactuado.​
* **lastMessageBy** *(array)*:\
  Filtra usuarios basados en el remitente del último mensaje.​
* **isLiveChatActive** *(boolean)*:\
  Indica si el chat en vivo está activo para los usuarios.​
* **hasOrdered** *(objeto)*:\
  Filtra usuarios basados en su historial de pedidos.​

#### 🧪 Ejemplo de Solicitud

```bash
bashCopiarEditarcurl 'https://api.v7.express-chat.com/inbox/usersinbox/users' \
  -X 'POST' \
  -H 'Authorization: Bearer [TU_TOKEN]' \
  -H 'Content-Type: application/json' \
  -d '{
    "searchText": "",
    "tags": [],
    "status": [],
    "isOnline": false,
    "_botWebsite": [],
    "_botWhatsapp": [],
    "_botTelegram": [],
    "_botFacebook": [],
    "_agentAssigned": [],
    "segments": [],
    "applicableFilters": ["userInteracted"],
    "lastSeenAt": {
      "startAt": "",
      "endsAt": ""
    },
    "createdAt": {
      "startAt": "",
      "endsAt": ""
    },
    "userInteracted": true,
    "lastMessageBy": [],
    "isLiveChatActive": false,
    "hasOrdered": {
      "status": false,
      "lastAt": ""
    },
    "page": 1,
    "isExport": "none",
    "isContact": true
  }' \
  --compressed
```

*Nota:* Reemplaza `[TU_TOKEN]` en la solicitud con tu token de API real y personaliza los filtros del cuerpo de la solicitud según tus necesidades específicas.​

#### 📬 Respuesta

La API responderá con un objeto JSON que contiene los datos de los usuarios basados en los filtros aplicados. El formato de la respuesta puede variar dependiendo de los datos disponibles y los filtros aplicados.​

{% hint style="info" %}
*Nota:* Asegúrate de manejar adecuadamente la respuesta y considerar posibles paginaciones si el número de resultados es grande.
{% endhint %}


# Obtener Grupos/Segmentos

Esta sección proporciona la documentación del API para obtener todos los grupos o segmentos en la cuenta del cliente en Demandu.​

### 📂 Obtener Segmentos/Grupos

Este endpoint permite recuperar los segmentos configurados en tu aplicación de Demandu.​

* **🛠️ URL del Endpoint:**

```
https://api.v7.express-chat.com/inbox/users
```

* **📨 Método HTTP:**\
  `GET`​

#### 🛡️ Encabezados de la Solicitud

Se requiere un token Bearer válido para la autenticación.​

* **Authorization:**\
  `Bearer [TU_TOKEN]`​

*Nota:* Reemplaza `[TU_TOKEN]` con tu token de API válido.​

#### 🧪 Ejemplo de Solicitud

```bash
bashCopiarEditarcurl 'https://api.v
::contentReference[oaicite:71]{index=71}
 
```


# Tienda de Demandu | Guía de Uso

Bienvenido a tu Tienda de WhatsApp Demandu. En esta guía te explicamos paso a paso cómo funciona, cómo administrarla y qué necesitas para comenzar a vender por WhatsApp de forma automatizada.

{% embed url="<https://youtu.be/9fQwrz9kERU>" %}

### ✅ ¿Qué es la Tienda de WhatsApp?

Es una tienda virtual conectada a tu número de WhatsApp. Tus clientes pueden ver tu catálogo, hacer pedidos, e incluso pagar, todo desde una experiencia conversacional. Los pedidos se registran automáticamente en un **Google Sheet** para que los gestiones fácilmente.

### 🛠️ Cómo Activar tu Tienda

Para contratar tu **Tienda de WhatsApp**, solo debes seguir estos pasos:

1. Ingresa al siguiente enlace:\
   🔗 <https://www.demandu.tech/catalogo-whatsapp>
2. Completa el formulario y realiza el pago de **$64 USD/mes**.
3. Una vez confirmado el pago, nuestro equipo de soporte se pondrá en contacto contigo por **email o WhatsApp** para iniciar la activación.

### 📦 Qué Recibirás

Después del pago, recibirás:

* ✅ El **enlace personalizado** de tu tienda.
* ✅ Un **Google Sheet editable** donde podrás:
  * Agregar y editar productos.
  * Ver los pedidos que hacen tus clientes.
* ✅ Acompañamiento en la **configuración inicial**, sin costo adicional.

### 📝 Cómo Administrar tu Catálogo

1. Abre el Google Sheet compartido.
2. En la pestaña de **productos**, agrega:
   * Nombre del producto.
   * Descripción.
   * Precio.
   * Imagen (opcional).
3. Los cambios se reflejan automáticamente en tu tienda.

### 📥 Cómo Recibes los Pedidos

* Cuando un cliente hace un pedido desde la tienda:
  * Te llega un mensaje de WhatsApp con el detalle del pedido.
  * El pedido también se registra automáticamente en tu Google Sheet.
* Puedes confirmar y dar seguimiento desde el mismo chat o gestionarlo en tu hoja de cálculo.

### 💳 Pagos

Puedes integrar medios de pago como:

* Yappy (Panamá)
* PagueloFácil, Mercado Pago, etc.

La configuración del método de pago se personaliza con tu ayuda durante la activación.

### 🤖 Integración con tu Chatbot

Puedes integrar tu **Tienda de WhatsApp** directamente en tu flujo conversacional utilizando el constructor de bots de Demandu. Esto te permite compartir el enlace de tu tienda automáticamente con tus clientes desde el chatbot.

#### 🔹 ¿Cómo integrarla?

Usa el componente **Pregunta de texto** o **Weblink** en tu flujo de chatbot.

{% hint style="warning" %}
**Recomendamos usar "Pregunta de texto"** para tener mayor control sobre lo que ocurre después de que el cliente envía un pedido.
{% endhint %}

#### ✅ Ejemplo de flujo recomendado:

1. El chatbot envía el **enlace de la tienda** usando el componente de **Pregunta de texto**.
2. Una vez que el cliente realiza el pedido, el flujo puede continuar con una respuesta automática personalizada.
3. Puedes dirigir la conversación a:
   * Un **agente en vivo**.
   * Un mensaje de seguimiento.
   * Otro paso del flujo según la lógica de tu negocio.

#### 🎯 Beneficio:

Esta integración permite automatizar la experiencia de compra y mantener un flujo fluido, sin necesidad de intervención manual.

### 💬 Soporte

Nuestro equipo está disponible para ayudarte en todo momento. Si tienes dudas o necesitas ayuda para actualizar tu catálogo, puedes escribirnos por WhatsApp o correo.

¿Listo para vender más por WhatsApp?\
🚀 **¡Con Tiendas Demandu es posible!**


# IA de Demandu

Demandu utiliza una combinación de ChatGPT, tecnología propia y entrenamiento especializado para crear modelos de IA personalizados, adaptados al conocimiento único de tu negocio y a las necesidades de servicio al cliente. Puedes alimentar datos a tu modelo de IA personalizado a través de diversas fuentes, incluyendo URLs de sitios web, archivos de contenido y preguntas frecuentes (FAQs). Esto permite a Demandu desarrollar soluciones de IA que brindan un servicio y soporte excepcionales a tus clientes, aprovechando tanto la información disponible públicamente como los datos específicos de tu negocio.

### ⚙️ Configuración de ChatGPT y Ajustes de IA

Para integrar ChatGPT en tu chatbot de Demandu y personalizar su comportamiento, sigue estos pasos:​

#### Paso 1: Crea tus Chatbots

Comienza creando tus chatbots. Una vez que hayas completado este paso, procede al siguiente.​

#### Paso 2: Configuración del Chatbot

Navega a la sección "Configuración de IA" dentro de "Configuración de IA".​

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FPdCYnbHLmyhTdIyImaWx%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.11.28%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=3a03f6f2-8275-46f3-aea0-1900ee334ff9" alt=""><figcaption></figcaption></figure>

#### Paso 3: Configura la Personalidad del Bot

Accede a "Configuración de IA" según el tipo de chatbot que estés configurando:​

* Para chatbots de sitios web, se encuentra bajo "Configuración del Chatbot de Sitio Web".​
* Para bots de Facebook, Instagram y Telegram, puedes encontrarlo en "Configuración del Bot".​
* Para bots de WhatsApp, dirígete a "Configuración del Bot de WhatsApp".​

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FTjTLc2Q2eSRas9kyE7rH%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.12.45%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31809259-17bb-4514-b5ae-364a6766127e" alt=""><figcaption></figcaption></figure>

En estas configuraciones, puedes definir los detalles de la personalidad para:​

* Configurar la Personalidad del Bot​
* Longitud de la Respuesta​
* Perspectiva de la Respuesta (1ª persona, 3ª persona, etc.)​
* Tono
* Idioma​
* Formato de la Respuesta​
* Fuentes Incluidas para la Respuesta​
* Instrucciones Personalizadas de Prompt​
* Gestionar Escenarios de Chat Inusuales​
* Mensaje para Cuando el Bot No Puede Responder
* Mensaje para Responder a Lenguaje Inapropiado​

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F4nLoGIFGAyPjWlhuQeyW%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.13.41%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=31582fdf-1547-48e3-ba33-b7b04e24f8d1" alt=""><figcaption></figcaption></figure>

En Detalles de la Personalidad, ingresa el título de la personalidad, la descripción de la personalidad y carga una foto de portada para la personalidad de tu bot.​

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F6GTHQfNVCPj6iC7hPdGZ%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.14.09%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=f3c64eeb-6464-4a91-9867-2625672cc487" alt=""><figcaption></figcaption></figure>

En Estilo de Comunicación, ingresa la longitud de la respuesta, la perspectiva de la respuesta, el tono del bot, el idioma utilizado y el formato de la respuesta.​

También puedes activar/desactivar las fuentes y personalizar las respuestas con el historial de chat. Si "incluir fuentes para la respuesta" está activado, compartirá el nombre de la fuente de la base de conocimientos.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FdfUwMgmk7JLoRxHo0X95%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.14.59%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=78ca51f4-1459-49a0-9529-bdc5a4c83f9b" alt=""><figcaption></figcaption></figure>

**Escenarios de Chat**​

Puedes agregar un escenario de chat haciendo clic en "Agregar Acción". En Escenarios de Chat, selecciona o agrega una acción que se active según la respuesta del usuario. Aquí puedes agregar una palabra clave según la cual el modelo LLM identificará la intención del chat y proporcionará el mensaje o flujo que hayas establecido. También puedes activar/desactivar la opción de mostrar el botón de chat en vivo cuando se identifica el escenario.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FS3Ujd9k6KBgjgdNGqlzG%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.16.57%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=900680bf-7e3a-4751-baff-8f77b0e75a8c" alt=""><figcaption></figcaption></figure>

En Instrucciones Personalizadas, agrega un prompt personalizado que defina mejor la personalidad de tu bot y, basado en eso, actuará. Ejemplo: "Actúa como un vendedor y usa un tono formal, sé educado y amigable".

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FFJFKCykOHZOsGTb3CXDC%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.17.41%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a1699c91-eb5a-4105-ad31-3416bce11cec" alt=""><figcaption></figcaption></figure>

Finalmente, haz clic en "Actualizar" para guardar los cambios. Puedes hacer clic en "Usar Personalidad" para utilizarla en tu flujo de chat.

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2F7Urrvn5eVnmSoMMzJkfu%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.18.54%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=a519101e-8610-4042-bb31-aab9d8634f22" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Es recomendable crear tu propio asistente de OpenAI para que toda tu IA no genere tokens adicionales respondiendo preguntas que no tienen que ver con tu negocio.&#x20;
{% endhint %}

#### Paso 4: Configura el Componente de IA que estés utilizando dentro de tu flujo de chat.&#x20;

Integra el modelo ChatGPT con tu bot para obtener mejores resultados. Puedes invocar el componente ChatGPT en múltiples puntos en el flujo de chat según sea necesario. Ahora selecciona un modelo GPT del menú desplegable después de integrar ChatGPT. Inicialmente, estará configurado para GPT-3.5 Turbo.​

<figure><img src="https://441558249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXG8aAzkMc58hK1U3tSe8%2Fuploads%2FddmSfj4TdbHDFEadYS5c%2FCaptura%20de%20pantalla%202025-04-04%20a%20la(s)%204.21.27%E2%80%AFp.%C2%A0m..png?alt=media&amp;token=45b0d3bc-7e9c-43e0-b19d-ce7c1fdd7f25" alt=""><figcaption></figcaption></figure>

¡Y eso es todo! Siempre que se invoque el componente ChatGPT, tu modelo personalizado proporcionará respuestas basadas en las configuraciones y el entrenamiento que hayas configurado, mejorando las habilidades conversacionales de tu chatbot.​


# Entrena la IA de tu chatbot

Demandu integra inteligencia artificial para mejorar las respuestas de tu bot. Pero para que la IA responda acorde a tu negocio, es importante entrenarla con tu información.

## ¿Qué significa “Entrenar tu AI chatbot”?

Significa proporcionarle al bot recursos relevantes de tu empresa (textos, documentos, páginas web, preguntas frecuentes, etc.) para que los use como base de conocimiento. De este modo, cuando ChatGPT responda en tu bot, lo hará con información precisa y alineada a esos datos. Un buen entrenamiento se traduce en respuestas más acertadas y útiles para tus usuarios.

Puedes entrenar a tu bot con diversas fuentes de datos:

* **Contenido de tu sitio web**
* **Documentos o archivos (PDF, Word, texto)**
* **Hojas de cálculo de Google (Google Sheets)**
* **Listas de Preguntas Frecuentes (FAQs)**
* **Registro de conversaciones pasadas o errores conversacionales**
* **Otras fuentes** (por ejemplo, un repositorio JSON específico)

Tu chatbot aprovechará estos datos al usar el componente de ChatGPT durante las conversaciones.

## ¿Cómo entrenar a tu AI chatbot?

1. **Accede a la sección de Entrenamiento:** En el panel de Demandu, ve a tu bot y haz clic en **“Entrena tu chatbot con AI”** (Train Your AI Chatbot).
2. Se mostrarán pestañas para cada método de entrenamiento: **Sitio Web**, **Subir archivo**, **Google Sheets**, **FAQs**, **Errores conversacionales**, **Otras fuentes**. Puedes utilizar uno o varios métodos en combinación.
3. Sigue las instrucciones de cada pestaña para agregar datos:
   * **Sitio Web:** Añade la URL de tu sitio o páginas específicas.
     1. Haz clic en **“Agregar sitio web”**.
     2. Ingresa la URL de tu sitio o de la página que deseas que el bot aprenda.
     3. Elige el alcance:
        * *Escanear sitio completo:* El bot recorrerá todas las páginas encontradas en tu dominio.
        * *Escanear solo una página:* Solo analizará esa URL específica.
        * *Escanear solo datos JSON:* (Opcional, para casos avanzados donde tu sitio provee JSON con contenido relevante).
     4. Haz clic en **“Entrenar”**. El sistema rastreará el contenido y lo añadirá a la base de conocimiento del bot.
     5. Los sitios añadidos aparecerán en la lista. Puedes usar el botón **“Sincronizar”** para actualizar la información de un sitio (si has hecho cambios en tu web) o **“Eliminar”** para quitar ese contenido entrenado.
   * **Subir archivo:** Carga documentos con información útil.
     1. Haz clic en **“Archivo”** o **“Subir archivo”**.
     2. Selecciona un archivo desde tu dispositivo. Demandu soporta formatos comunes como PDF, DOCX, TXT, etc.
     3. Haz clic en **“Entrenar”**. El contenido textual del archivo se extraerá y añadirá al conocimiento del bot. *(Ejemplo de uso: subir manuales de producto, políticas de la empresa, etc. para que el bot pueda referenciar esa información.)*
   * **Google Sheets:** Importa datos desde una hoja de Google.
     1. Haz clic en **“Google Sheets”**.
     2. Proporciona la URL compartida de la hoja de cálculo (asegúrate de que tenga permisos de lectura públicos o bien conecta tu cuenta de Google si se te solicita).
     3. Haz clic en **“Entrenar”** para que los datos de la hoja se importen. *(Ejemplo: una lista de precios o un catálogo en una hoja; el bot podrá usar esos datos en respuestas.)*
   * **FAQs:** Carga preguntas frecuentes y sus respuestas.
     1. Haz clic en **“FAQs”**.
     2. Verás posiblemente un formato para ingresar pares de Pregunta → Respuesta, o bien una opción para importar un archivo CSV/Excel con las FAQs.
     3. Añade tantas preguntas frecuentes con sus respuestas asociadas como quieras, luego inicia el entrenamiento. *Durante las conversaciones, si la pregunta del usuario coincide con alguna de estas (o es similar), el bot utilizará la respuesta proporcionada.*
   * **Errores conversacionales (Conversational Errors):** Esta sección te permite definir respuestas para preguntas que hayan quedado sin contestar correctamente en el pasado.
     * Podrás ver registros de consultas donde la IA no tuvo buena respuesta. Puedes entonces añadir la respuesta correcta o entrenar al bot sobre cómo manejar esas preguntas en el futuro. *(Esto ayuda a refinar continuamente la IA basándose en interacciones reales.)*
   * **Otras fuentes:** Aquí puedes integrar cualquier otra fuente estructurada de conocimiento.
     * Por ejemplo, si tienes un endpoint JSON o una base de datos de conocimientos, podrías conectarlo (requiere configuración avanzada o soporte de Demandu).
     * Sigue las instrucciones específicas de la plataforma para estas integraciones.
4. **Entrenamiento completo:** Después de agregar las fuentes y hacer clic en **“Entrenar”** en cada sección, tu bot comenzará a procesar esa información. Puede tomar unos minutos dependiendo de la cantidad de datos.
5. **Confirmación:** Verás listadas las fuentes añadidas (sitios web enumerados, archivos subidos, etc.). Una vez listadas sin indicación de “en proceso”, significa que esa parte del entrenamiento está lista.
6. **Prueba la IA entrenada:** Utiliza el botón de **“Probar flujo”** o inicia una conversación de prueba con tu chatbot (por ejemplo, usando la función de **Test** en la sección de *Instalar tu chatbot*). Haz preguntas relacionadas con el contenido que cargaste para verificar que la IA responde adecuadamente usando ese conocimiento.
7. **Actualizaciones y mantenimiento:** Si cambias los datos (ej. actualizas tu sitio web con nueva información, subes una versión nueva de un documento, etc.), vuelve a esta sección y:
   * Haz clic en **“Sincronizar”** en la fuente pertinente (por ejemplo, en el sitio web agregado) para reentrenar con la info actualizada.
   * O elimina y vuelve a agregar la fuente si prefieres.
   * Repite el entrenamiento para que el bot esté siempre al día.

Ahora tu chatbot impulsado por IA está **plenamente entrenado** para atender las consultas de los usuarios con información precisa de tu negocio.

{% hint style="warning" %}
**Nota:** La efectividad de las respuestas de la IA dependerá de la calidad y relevancia de la información con la que lo entrenes. Siempre proporciona datos claros y actualizados. Si tu bot no sabe algo (porque no se le entrenó con ello), podría dar una respuesta genérica o no saber la respuesta. En esos casos, considera **agregar esa información** a su entrenamiento.
{% endhint %}


# Errores comunes y resolución de problemas

A veces puedes encontrar **errores o problemas comunes** al configurar o usar Demandu. Aquí listamos algunos y cómo solucionarlos:

* **El chatbot no aparece en mi sitio web:** Verifica que hayas pegado correctamente el código de inserción en la sección `<body>` de tu HTML. Limpia la caché de tu navegador o prueba en una ventana privada. Asegúrate de haber hecho clic en "Verificar" si la plataforma lo solicitó durante la instalación. Si usas un bloqueador de scripts en tu navegador, desactívalo para probar.
* **El bot no responde alguna pregunta:** Es posible que esa pregunta no esté cubierta en el flujo ni en los datos de entrenamiento. Puedes añadirla en las FAQs o entrenar al bot con esa información. También revisa en “Errores conversacionales” para entrenar al bot en base a esa consulta fallida.
* **No llegan notificaciones de chat en vivo:** Revisa la configuración de tu Equipo. Asegúrate de tener agentes asignados con su correo correcto y notificaciones activadas. Verifica que no hayas marcado la opción de no asignar fuera de horas si estás probando fuera del horario definido.
* **La integración X no funciona:** Ve a la configuración de Integraciones del bot y comprueba que las credenciales (API Key, tokens) sean correctas. Vuelve a autenticar la integración si es necesario. Consulta el registro de actividad o logs en la página de Integración para ver si hay mensajes de error.
* **El componente ChatGPT no contesta apropiadamente:** Asegúrate de haber entrenado al bot con suficiente información relevante. Recuerda que ChatGPT responderá según lo entrenado más sus conocimientos generales (que pueden estar en inglés principalmente). Si la pregunta es muy específica y no estaba en los datos, podrías necesitar añadir esa información.
* **Error de “End chat missing” (Falta fin de chat):** Este error indica que en algún flujo no has colocado el componente de fin de chat. Regresa al editor de flujo y asegúrate de que cada camino termine en un bloque de **End Chat (Terminar chat)**.
* **Problemas de inicio de sesión o contraseña:** Si no puedes iniciar sesión, utiliza la opción **“¿Olvidó su contraseña?”** en la página de autenticación para restablecerla. Si no recibes el correo de restablecimiento, verifica tu carpeta de spam o contáctanos en <support@demandu.tech>.
* **No puedo contestar un conversación con un cliente**\
  Verifica que el tiempo de la conversación, no tenga más de 24hrs. En caso de que ya hayan pasado 24hrs, deberás iniciar la conversación con una plantilla de Meta ya sea de "Utilidad" o de "Marketing". Una vez aprobada, Meta lo va a manejar como una nueva conversación, cobrará $0.10 centavos de dólar por cada envio de plantilla.
* **¿Cómo hago una plantilla?**\
  Para saber como generar una plantilla dirigete a esta [sección](/crea-tu-primer-bot./chatbot-de-whatsapp./plantilla-de-mensajes-para-whatsapp)
* **¿Cómo veo todas las conversaciones de mis clientes?**\
  Las conversaciones las encuentras en la Bandeja de Entrada de tu panel de control.


