# Un chatbot simple Crear un chatbot en la plataforma Mavibot es bastante sencillo si has completado la sección “Fundamentos de la creación de bots en Mavibot”, que explica lo básico del funcionamiento con el constructor del embudo (editor), con los tipos de bloques y flechas, con los tipos de adjuntos, botones, así como una calculadora, etc. {% hint style="info" %} Antes de empezar a crear un chatbot simple, ¡te recomendamos encarecidamente estudiar la sección “Fundamentos de la creación de bots en Mavibot”! enlace “[Fundamentos de la creación de bots de Salebot](broken://pages/1bfbbfdeae27650beb6c62c1b0d5c52f9953ae8d)”! {% endhint %} ## Cómo crear un bloque Para crear el primer bloque en el embudo, haz doble clic en el campo del editor con el botón izquierdo del ratón:

Cómo crear un bloque con un clic del ratón

Como puedes ver en el ejemplo anterior, el bloque puede moverse por todo el editor del campo seleccionando cualquier ubicación conveniente. También puedes crear un bloque simplemente haciendo clic en "Guardar" en la parte inferior de la pantalla y seleccionando su tipo:

Cómo crear un bloque con selección de tipo

Puedes seleccionar los siguientes tipos de bloque para iniciar el chatbot: "Iniciar un diálogo" o "Comprobación de condición primaria":

Fig. 1

Sabemos por el artículo "Creación de bloques y sus tipos" enlace [Creación de bloques y sus tipos](broken://pages/d5a7d8ab6910f834550c1e0230620893957cefa7)" que el tipo de bloque "Verificación de condición primaria" tiene la máxima prioridad: al igual que el tipo de bloque "Inicio del diálogo", la cadena del diagrama de bloques de tu chatbot puede iniciarse desde él Técnicamente, la principal diferencia es que si hay un bloque con el tipo "Verificación de condición primaria" en el esquema del chatbot y si el usuario introduce una palabra clave (frase) de este bloque durante el diálogo, la conversación con el cliente continuará desde este bloque.\ Esto te permite proporcionar mayor flexibilidad en la estructura del diálogo, y el cliente puede obtener de inmediato lo que necesita (por ejemplo, cerrar un trato contigo o registrarse en tu curso). En las condiciones del bloque, debes especificar una palabra clave (por ejemplo, la etiqueta de una mini landing page/sitio web u otra frase necesaria para que el bot funcione, "Hola; hola, separadas por un punto y coma), a la que responderá el bot:

Fig. 2 Ejemplo de relleno de bloque para un chatbot

Como se puede ver en el ejemplo anterior (Fig. 2), en la condición del bloque especificamos la etiqueta de la mini landing page creada en la plataforma Mavibot desde la que se realizará la suscripción, y en el campo "Selección de coincidencia" seleccionamos el tipo "coincidencia total". Si es necesario, puedes especificar palabras clave de otro tipo en la condición (por ejemplo, "Hola, Hola", etc.). En este caso, selecciona el tipo de coincidencia "Ignorar errores e imprecisiones", que ayudará al bot a reconocer palabras clave en los mensajes de tus clientes escritos con erratas o errores:

Reacción del bloque a frases clave con errores

## Cómo crear el siguiente bloque en el diagrama y especificar las condiciones de la flecha Arrastra la flecha desde el primer bloque hacia abajo. De este modo, el diseñador crea automáticamente un nuevo bloque y utiliza la flecha para conectar los bloques en un solo esquema, lo que permitirá al cliente avanzar más por el embudo:

Creación de un nuevo bloque en el diagrama

En la configuración de la flecha, especificaremos condiciones de modo que el chatbot recopile los datos introducidos por el usuario y los guarde en la variable que necesitamos. Para ello, ve a la configuración de la flecha, donde debes activar el interruptor "El usuario introduce datos", y también especificar la variable en la que el chatbot guardará los datos del cliente:

Fig. 3

Después de que el usuario envíe su nombre en el mensaje, el bot lo escribirá en la variable requerida:

Fig. 4. La ficha del cliente con sus datos

En el segundo bloque del diagrama, escribiremos un mensaje que solicitará la edad de tu cliente. Para ello, utiliza expresiones regulares. enlace[expresiones regulares](broken://pages/3c5e72073b4831ba6c871f11b70be059b78784ea). > Expresiones regulares que se utilizan en este artículo: > > 1. número de móvil -> ^((\\+7|7|8)+(\[0-9]){10})$ > 2. correo electrónico -> ^\[-\w.]+@(\[A-z0-9]\[-A-z0-9]+\\.)+\[A-z]{2,4}$ > 3. introducción de números (para la edad) -> ^\[1-9]+\[0-9]\*$ > > Consulta la lista completa de expresiones regulares aquí. enlace [aquí](broken://pages/3c5e72073b4831ba6c871f11b70be059b78784ea). En el campo de mensaje del segundo bloque del diagrama del chatbot, escribe la pregunta necesaria: por ejemplo, "¿Cuántos años tienes?":

Fig. 5. Mensaje al usuario

Luego sigue estos pasos: Paso 1. Arrastra la flecha desde el segundo bloque para crear el siguiente diagrama de bloque de la misma manera que se creó el anterior. Paso 2. En la configuración de la flecha, en la condición, escribe una expresión regular como ^\[1-9]+\[0-9]\*$ y selecciona el tipo de coincidencia "Expresión regular"

Fig. 6. Uso de una expresión regular

{% hint style="warning" %} Recuerda que la opción de coincidencia al usar expresiones regulares debe ser "Expresión regular", de lo contrario ¡el esquema del chatbot funcionará con errores! {% endhint %} Paso 3. En la configuración de la flecha, activa el interruptor "El usuario introduce datos" e introduce el nombre de la variable donde el chatbot guardará los datos del cliente:

Fig. 7.

El ejemplo (Fig. 8) muestra que el chatbot escribe los datos del cliente en su ficha:

Fig. 8. La ficha del cliente con sus datos

## Módulo de recopilación de datos del cliente: número de teléfono/correo electrónico Durante el diálogo con los clientes, a menudo surge la necesidad de una comunicación posterior con el cliente por teléfono, pero surge la pregunta: ¿cómo puedo configurar un chatbot para recopilar automáticamente información sobre el cliente? Usando expresiones regulares, por supuesto. Para usar la función de recopilación de número de teléfono (o correo electrónico), utiliza las siguientes expresiones regulares: 1. Número de móvil (Rusia): ^((\\+7|7|8)+(\[0-9]){10})$ 2. Número de móvil (con cualquier código de país): ^(\\+)?((\d{2,3}) ?\d|\d)((\[ -]?\d)|( ?(\d{2,3}) ?)){5,12}\d$ 3. Correo electrónico: ^\[-\w.]+@(\[A-z0-9]\[-A-z0-9]+\\.)+\[A-z]{2,4}$ {% hint style="danger" %} ¡Asegúrate de que no haya ningún espacio antes de la expresión regular en la condición de la flecha! De lo contrario, el esquema del chatbot funcionará con errores. {% endhint %} {% hint style="info" %} En el esquema, usamos una expresión regular para números de teléfono de cualquier país. {% endhint %} Al igual que el bot registró el nombre y la edad del cliente, el número de teléfono del usuario (o la dirección de correo electrónico, si se selecciona la expresión regular adecuada) se añadirá al sistema. Crea un bloque en el que usarás el bot para enviar un mensaje al cliente pidiéndole que envíe un número de teléfono (o correo electrónico) al usuario:

Fig. 9. El bloque con el mensaje para recibir el número de teléfono del cliente

A continuación, arrastra la flecha desde este bloque, donde deberá escribirse la expresión regular correspondiente en la condición de la flecha.
{% hint style="success" %} Como se señaló anteriormente, no olvides configurar la opción de coincidencia en "Expresión regular" para evitar errores en el chatbot. {% endhint %} Con la condición en la que se prescriben expresiones regulares, el chatbot aceptará solo los valores del número de móvil en forma de números y, en el caso de una dirección postal, solo los tipos estandarizados establecidos de direcciones postales. Si el cliente ha enviado un mensaje que no coincide con el valor del número de teléfono (correo electrónico), puedes crear un bloque que informe al cliente sobre los datos introducidos incorrectamente:
Para ello, desde el bloque donde introdujiste el mensaje para el número de teléfono del cliente, desliza la segunda flecha y escribe el mensaje necesario en el bloque creado, por ejemplo, "Eso no es un número de teléfono. ¡Por favor, introduce el número de teléfono!":

Fig. 11

Selecciona el tipo de bloque "Fuera de condición" (Fig. 11). Este bloque no tiene una condición como en el bloque "Estado del diálogo", pero no puedes ir a él. En relación con nuestro esquema, el bloque "Fuera de estado" será muy útil, porque entonces el usuario no cambiará desde el último bloque, y para continuar por el embudo necesitará introducir un número de teléfono:

Fig. 12

{% hint style="info" %} Puedes informarte sobre las distintas funciones del bloque "Fuera de estado" en el artículo del mismo nombre. enlace "[Fuera de estado](broken://pages/0b3023776450792089b6c0425bcf90498ac29526)" {% endhint %} ## Bloques del siguiente diálogo del bot con el cliente Empecemos a configurar bloques con botones: durante el clic del cliente, el chatbot responderá de acuerdo con las condiciones del botón (por ejemplo, consentimiento para el pago; pago directo o redirección a otro sitio externo, etc. funciones). Para ello, desde el bloque marcado en rojo en la Fig. 12, arrastra la flecha hacia abajo, donde puedes configurar el temporizador en los ajustes:

Fig. 13

Para configurar el temporizador, ve a los ajustes de la flecha y establece el intervalo de tiempo necesario, después del cual el chatbot enviará un mensaje al cliente:

Fig. 14

En el siguiente bloque, añade los botones "Llámame hoy" y "Llámame mañana". {% hint style="info" %} Lee más sobre la configuración de botones en el esquema del chatbot en este "artículo". enlace [artículo](broken://pages/100d4f085cf46c7907dd9fa80fb5719ab5f86a7b). Para aprender a conectar y configurar sistemas de pago con el fin de realizar pagos en botones (enlaces) en el bot, consulta la sección "Integraciones" -> "Sistemas de pago". enlace [Sistemas de pago](broken://pages/3985d7dbf3126a1c1d4763761b8803cdae2f11c9)". {% endhint %} ### Cómo añadir botones Para añadir botones que el chatbot enviará al cliente, haz clic en "Botones" dentro de la configuración del bloque:

Fig. 15

A continuación, haz clic en "Añadir botón".

Fig. 16

A continuación, se abrirá una ventana para añadir un botón, donde debes especificar el nombre del botón y configurarlo según tus requisitos:
Ahora este bloque dirigirá los botones a tu cliente, lo que te permitirá identificar más adelante el momento (en relación con el esquema realizado en este artículo) en el que sería mejor contactar con él:

Fig. 17. El diálogo del bot en la pestaña de pruebas

El diálogo con el cliente se mostrará en la pestaña Clientes, donde podrás seguir todos los cambios en los diálogos con los clientes:

Fig. 18. Vista del diálogo en la pestaña "Clientes"

Después de que el cliente haga clic en un determinado botón, se enviará al diálogo en la pestaña "Clientes" un mensaje correspondiente: por ejemplo, "llámame hoy":

Fig. 19

### Fin de los bloques de diálogo con el cliente Después de añadir los botones, es necesario terminar el diálogo con el cliente de alguna manera para no dejarlo en la incertidumbre después de que haga clic en el botón correspondiente. Vamos a crear dos bloques con flechas que salen del bloque con los botones para ello:

Fig. 20. Bloques de finalización del diálogo

Ahora escribiremos el nombre de cada botón en las condiciones de cada flecha:

Fig. 21

En las condiciones de los bloques creados, escribe los mensajes necesarios que el chatbot enviará cuando el cliente haga clic en el botón:

Fig. 22. El bloque del chatbot que finaliza el diálogo

Ahora el chatbot notificará al cliente que su solicitud ha sido aceptada.
En la sección "Clientes", puedes ver la respuesta del cliente y devolverle la llamada en un momento conveniente, así como continuar el diálogo si es necesario o aclarar detalles. Para comprobar los datos que el cliente te envió, ve a la pestaña "Clientes":

Fig. 23. Dónde comprobar los datos del cliente

El esquema final del chatbot tiene este aspecto:

Fig. 24

Así, hemos creado un chatbot simple que consta de solo ocho bloques, que recibe información sobre el cliente y la registra en variables en forma de nombre, edad y número de teléfono, así como cuándo sería mejor que tu gerente se ponga en contacto con el usuario. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mavibot.ai/doc/es/como-hacer.../un-chatbot-simple.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.