Desde la pandemia, los chatbots han resurgido con fuerza, entrando en su renacimiento. Por eso, este artículo no solo te muestra cómo hacer un chatbot utilizando el constructor de chatbots de Landbot, sino que también te enseña a hacerlo de forma rápida, eficiente y sin complicar tus flujos de trabajo bien establecidos.
El Auge del Marketing Conversacional
El mundo no deja de hablar del marketing conversacional, y desde hace unos años, publicaciones de tecnología y negocios han instado a las marcas a crear un chatbot que esté a la altura de los estándares de inmediatez y personalización que exigen las audiencias actuales.
Hace algunos años, responder a la pregunta cómo hacer un chatbot implicaba términos complejos de desarrollo de software y largas líneas de código. Crear un chatbot era una tarea reservada para los pocos desarrolladores especializados en esta tecnología.
Pero los tiempos han cambiado.
Con el auge de las plataformas sin código y los constructores de chatbots, el desarrollo de bots se ha vuelto más intuitivo y accesible para una amplia gama de marcas y negocios. Si aún tienes dudas, puedes echar un vistazo a algunos ejemplos de chatbots para sitios web creados con Landbot para inspirarte.
Hoy en día, no solo puedes crear tu propio chatbot, sino que también puedes hacerlo en tan solo unos minutos gracias a estas herramientas sin necesidad de programación.
No es broma.
¡Con los bots nunca bromeamos!
¿Por Qué Necesitas un Chatbot para tu Sitio Web?
En el entorno digital acelerado de hoy, ofrecer un servicio rápido y eficiente es más crucial que nunca. Según un estudio reciente, el 53% de los consumidores consideran que esperar demasiado tiempo por una respuesta es lo más frustrante al interactuar con negocios.
Para abordar este problema, los chatbots se han convertido en una solución revolucionaria, ofreciendo asistencia inmediata y reduciendo drásticamente los tiempos de espera. De hecho, el estudio revela que, ante una espera de 15 minutos, el 62% de los consumidores preferiría interactuar con un chatbot en lugar de un agente humano. Además, el 69% de los usuarios se mostró satisfecho con su última experiencia utilizando un chatbot.
No es de extrañar que, según el estudio de mercado de CWW, el 84% de las empresas prevean que los chatbots impulsados por IA jugarán un papel cada vez más importante en la comunicación entre clientes y negocios. Con su capacidad para ofrecer soporte instantáneo y disponible 24/7, los chatbots son herramientas indispensables para las empresas que buscan ofrecer experiencias excepcionales y destacarse en un mercado competitivo.
¿Qué Tipos de Chatbots Aprenderás a Construir en Este Artículo?
Quizás te estés preguntando qué tipo de chatbot aprenderás a construir con el constructor de Landbot. La respuesta es sencilla. En este tutorial, aprenderás a construir un chatbot basado en reglas para sitios web, con elementos básicos de aplicaciones conversacionales. Este tipo de chatbots:
- Ofrecen resultados consistentes y confiables.
- Son rápidos de crear y fáciles de gestionar.
- Son aplicables a una gran mayoría de casos de uso empresarial.
Aquí hay una muestra del resultado final:
Si prefieres construir un chatbot basado en Procesamiento del Lenguaje Natural (NLP), también puedes hacerlo sin necesidad de programar gracias a las funciones de inteligencia artificial de Landbot.
¿Listo para Aprender Cómo Hacer un Chatbot Rápido y sin Programación?
Este chatbot no te costará una fortuna ni requerirá contratar a un desarrollador.
El constructor de chatbots de Landbot hace que construir un chatbot sea sencillo, agradable y (sin exageraciones) ¡divertido!
Déjame mostrarte cómo hacerlo…
1. Configura tu Cuenta de Chatbot (Rápido y Gratis) y Empieza a Construir
Lo primero que necesitas es crear una cuenta en Landbot. El registro es gratuito y no requiere información de tarjeta de crédito.
Mira este video para entender cómo funciona el constructor de chatbots:
Para este tutorial, elegimos crear un chatbot para un sitio web, aunque el constructor es el mismo independientemente de la opción que selecciones.
Una vez que elijas el canal, accederás a la biblioteca de plantillas de chatbots de Landbot, que está llena de modelos predefinidos para casos de uso específicos. Pero, para hacer este tutorial un poco más desafiante, comenzaremos desde cero.
2. Optimiza el Mensaje de Bienvenida
El primer mensaje que debes personalizar es el mensaje de bienvenida. Este bloque es bastante flexible y te permite incorporar mensajes de texto, imágenes, gifs, videos, archivos y botones.
En este ejercicio, crearemos un chatbot de suscripción para una revista ficticia de juegos online llamada “GameWorld.”
Por lo tanto, decidí personalizar mi bloque de bienvenida de esta forma:
- Introducción del bot: Mi chatbot se presenta y permite al usuario iniciar la conversación haciendo clic en el botón “Hi”.
- Simplicidad inicial: Mantenerlo simple con una única opción facilita el inicio de la interacción.
3. Añade tu Primera Secuencia
Para añadir una nueva secuencia al mensaje de bienvenida, simplemente arrastra la flecha verde desde una respuesta determinada.
NOTA: Cada secuencia de opción de botón termina con un botón púrpura llamado "DEFAULT". Este botón solo es visible para ti en el constructor. Si el flujo sigue igual independientemente de la opción elegida, puedes arrastrar la flecha desde el botón por defecto para crear la siguiente secuencia.
En nuestro mensaje de bienvenida, solo hay un botón (“Hi”), así que da igual si arrastras la flecha desde ahí o desde “DEFAULT”. Al hacerlo, aparecerá un menú con bloques de preguntas e integraciones.
Selecciona el bloque “Mensaje simple” y escribe el contenido de tu mensaje para editarlo. ¡Y así tienes tu primera secuencia!
4. Realiza una Pregunta (Nombre)
La clave para saber cómo hacer un chatbot interactivo básico es la personalización en tiempo real. Por ejemplo, podrías empezar pidiendo el nombre del usuario.
Como habrás notado, el constructor de chatbots de Landbot ofrece varios tipos de preguntas prediseñadas para facilitar la configuración del bot. (Por ejemplo, la pregunta URL solo aceptará respuestas con formato de URL correcto, y la pregunta de número telefónico solo permitirá dígitos).
Para añadir un bloque de nombre, arrastra una flecha desde el último bloque y selecciona “NAME”.
El bloque de nombre mostrará su ventana de configuración en el lado izquierdo, donde puedes personalizar la pregunta predeterminada “¿Cómo te llamas?” para adaptarla al tono de tu marca.
Ventaja del bloque de nombre: Este bloque incluye automáticamente la variable predeterminada @name, lo que ahorra tiempo en la configuración. Las variables en formato “@” + “nombre de variable” permiten categorizar y almacenar datos recopilados por el bot, que puedes usar para personalizar el flujo o exportar a una base de datos.
Gracias a esta variable, podrás personalizar la interacción en el siguiente paso:
5. Haz Preguntas (Opciones de Botones)
El siguiente paso es configurar una verdadera opción con botones. Si no lo has hecho aún, arrastra una flecha desde el bloque de nombre y selecciona “BUTTONS”.
El bloque de botones funciona igual que el de bienvenida o mensaje, pero con la ventaja de dividir el flujo en diferentes caminos según la respuesta del usuario.
En nuestro caso, crearemos dos opciones:
- Conocer más sobre GameWorld.
- Suscribirse.
Si el usuario aún no está listo para suscribirse, puede obtener más información sobre la revista. Para dividir el flujo, arrastra una flecha desde la opción “Conocer más sobre GameWorld” y diseña el flujo que seguirá.
Por ejemplo, podrías añadir un bloque de mensaje con un video corto para presentar la revista de una manera divertida. Sin embargo, el objetivo principal sigue siendo generar suscripciones, por lo que, después de esta introducción, el bot volverá a preguntar:
“¿Te gustaría suscribirte ahora o prefieres explorar la revista?”
Si el usuario elige explorar, añade un bloque especial de “DESPEDIDA”:
El bloque de despedida incluye ventajas como:
- Botones para compartir en redes sociales.
- Opción de reiniciar la conversación.
- Redirección automática a una URL con mensaje personalizado.
Si el usuario hace clic en “Suscribirse,” continuará al flujo de suscripción donde podrá proporcionar más datos de contacto y convertirse en un lead. ¡Vamos a construirlo!
6. Realiza una Pregunta (Email)
El dato más importante para una suscripción es, sin duda, el correo electrónico.
Para obtenerlo:
- Desde la opción "Subscribe" en el primer bloque de botones, dibuja una flecha y selecciona el bloque "EMAIL".
- Este bloque verifica automáticamente que el formato sea correcto (por ejemplo, xxx@xxxx.xx) y almacena la información en la variable predefinida @email.
Conecta este bloque tanto desde el flujo de "Subscribe" inicial como desde el flujo "Learn more" (para usuarios que decidan suscribirse después de obtener más información).
7. Exporta Datos a Google Spreadsheets
Con los datos clave capturados, es hora de integrarlos en tu sistema. Por ejemplo, puedes exportar la información a una hoja de Google Sheets.
1. Prepara tu hoja de cálculo: Crea un documento en Google Drive con columnas para los datos que deseas almacenar (como correo, nombre, etc.).
2. Conecta Landbot con Google Sheets:
- Desde el bloque de correo electrónico, dibuja una flecha y selecciona "GOOGLE SPREADSHEETS".
- Haz clic en "ADD ACCOUNT" para conectar tu cuenta de Google con Landbot.
- Selecciona el documento, la hoja y la acción “Insert a new row”.
- Asigna las columnas a las variables del bot y guarda la configuración.
Tip: También puedes integrar con otros CRMs, como HubSpot, si prefieres centralizar toda la información en un sistema diferente.
8. Realiza una Pregunta (Botones con Imágenes)
Para mantener el interés del usuario, puedes usar botones con imágenes:
1. Desde el editor del bloque de botones, haz clic en los tres puntos en la esquina superior derecha.
2. En el editor lateral, añade imágenes a cada opción.
3. Configura una variable para almacenar la respuesta.
Esto puede resultar visualmente atractivo y dinámico para los usuarios.
No es divertido construir un chatbot?
9. Haz una Pregunta (Selección de Imágenes o Carrusel)
Otro gran tipo de pregunta dentro del constructor de chatbots de Landbot es el bloque de selección de imágenes, que permite ofrecer opciones visuales en forma de carrusel en lugar de botones.
Dibuja una flecha desde el botón "Default" del último bloque y selecciona "PICTURE CHOICE" en el menú.
Para configurarlo, necesitas definir los siguientes tres campos principales:
- La pregunta
- Las respuestas (Imágenes)
- La variable para guardar la respuesta
Decidimos usar este tipo de pregunta para conocer qué tipo de juegos prefiere jugar el usuario.
Dado que hay varios tipos principales de juegos, el carrusel parecía una opción mucho mejor, ya que los botones normales ocuparían toda la pantalla. Al configurar el bloque de selección de imágenes, procede de la misma manera que con los botones con imágenes: define la descripción y sube una imagen correspondiente.
Por último, pero no menos importante, no olvides actualizar la variable para guardar los mensajes o respuestas del usuario de una forma que sea fácil de identificar:
Así es como tu esfuerzo se reflejará en el 'front-end':
¿Quién hubiera pensado que aprender a crear un chatbot personalizado con un carrusel sería tan simple?
10. Haz una Pregunta (Selección Múltiple)
Nuestra aventura con las variaciones de preguntas aún no ha terminado… El bloque de botones oculta otra función clave: la selección múltiple, ideal para cuando una sola opción no es suficiente.
Por ejemplo, en nuestro bot de suscripción a una revista, queríamos saber qué tipo de contenido disfrutaba más el nuevo suscriptor sin limitarlo a una sola respuesta.
Para configurar una pregunta de selección múltiple:
- Crea otro bloque de botones con respuestas.
- Haz clic en los tres puntos en la esquina superior derecha.
- Desplázate hacia abajo en el editor y activa "Multiple Choice".
- Recuerda configurar la variable de respuesta.
Y eso es todo. Tu bot ahora será capaz de ofrecer a los usuarios una opción múltiple:
11. Haz una Pregunta (Respuesta Abierta)
A veces los botones no pueden cubrirlo todo y necesitas dar espacio a tu usuario para expresar su opinión libremente.
Para ofrecer este espacio sin restricciones, puedes usar el bloque de pregunta "TEXT", que simplemente ofrece un campo vacío para que el usuario lo rellene.
Por ejemplo, una de nuestras últimas preguntas en la suscripción fue: "¿Dónde nos encontraste?" Queríamos asegurarnos de capturar todas las respuestas. Por lo tanto, creamos un botón con la opción "Otro" y lo conectamos a un bloque de pregunta abierta para determinar a qué se refería ese "otro".
Lo único que necesitas especificar aquí es la pregunta y, por supuesto, la variable, que debería ser la misma que la variable de la pregunta principal para que la nueva respuesta de entrada libre sobrescriba "otro".
12. Permite al Usuario Calificar la Experiencia
¿Quieres saber cómo va tu proyecto de chatbot?
Para eso, el constructor de chatbots de Landbot ofrece los bloques "RATING" y "SCALE", los dos ingredientes clave para un bot de encuestas increíble.
Dibuja una flecha desde la última pregunta de botones, así como desde la subpregunta, y selecciona el bloque "RATING" en el menú.
La configuración es, una vez más, bastante simple:
- Escribe tus preguntas de calificación.
- Selecciona el formato de calificación (estrellas, emojis, números, etc.).
- Crea la variable para guardar la respuesta.
13. Exportar el Resto de los Datos Recopilados Hoja de Cálculo de Google
¿Recuerdas cómo enviamos el nombre y el correo electrónico del usuario a nuestro Google Drive? Ahora es el momento de actualizar el resto de la información.
Arrastra una flecha verde desde el botón "Default" del último bloque y utiliza nuevamente el bloque de integración de Google Sheets.
Aquí, la configuración es prácticamente la misma, excepto que debes configurar la acción como “Update a Row” (Actualizar una fila), ya que queremos que el bot actualice una fila previamente creada.
Al seleccionar esta opción, el constructor te pedirá elegir una “columna de referencia” para encontrar la fila que necesita actualizarse. Dado que un nombre no es muy fiable como referencia, configuramos nuestra columna de referencia como “Email” y la asociamos con la variable del correo electrónico.
Después de la columna de referencia, especifica los campos que deseas actualizar seleccionando la columna y la variable que corresponde a esa columna, como antes.
Esto significa que el bot revisará la hoja, comprobará la columna “Email”, encontrará una coincidencia para el usuario y completará el resto de la información.
14. Crear Listas de Correo Segmentadas en MailChimp
Mientras construyes el bot, asegúrate de que haga todo lo posible para facilitarte la vida.
Por ejemplo, si estás recopilando correos electrónicos, configura el chatbot para exportar esos correos y otros datos de usuario directamente a MailChimp (o cualquier otro servicio de mailing usando Zapier).
En nuestro caso, queríamos que el bot de suscripción de GameWorld no solo exportara los datos a MailChimp, sino que también los enviara al grupo correcto dentro de la lista de correo para simplificar el proceso de segmentación.
Entonces, antes de integrar MailChimp en el bot, configuramos algunos bloques de lógica condicional. Estos bloques permiten establecer mecanismos de lógica conversacional al estilo de “SI ESTO ENTONCES AQUELLO”.
En el constructor de chatbots de Landbot, las condiciones que puedes usar son:
- Equals to (Igual a)
- Does not equal to (Distinto de)
- Contains (Contiene)
- Greater than (Mayor que)
- Less than (Menor que)
- Is set (Está definido)
Dado que queríamos que el bot segmentara a los suscriptores según su dispositivo de juego, configuramos la condición de esta manera:
Repetimos esta configuración para cada uno de los posibles dispositivos.
Si el bot encuentra que la condición es correcta, canalizará la información a MailChimp a través de la salida verde. Si no, continuará revisando la siguiente condición mediante la salida rosa. Ahora, ¡la integración con MailChimp!
Arrastra una flecha desde la primera condición y selecciona "MAILCHIMP" en el menú. Conecta tu cuenta con Landbot.
Configura lo siguiente según los códigos de color en la imagen:
- Amarillo: Correo electrónico asociado a la cuenta
- Verde: Lista de correo donde deseas añadir el correo
- Rosa: Grupo dentro de esa lista de correo (si aplica; en nuestro caso, el grupo “Device”)
- Azul oscuro: @variable donde estás guardando el correo electrónico del usuario
- Azul claro: Otros valores que quieras subir (por ejemplo, nombre, cumpleaños, etc.)
De esta forma, puedes segmentar fácilmente los correos electrónicos de suscripción al grupo correcto al instante. Repite la configuración para cada grupo ¡y listo!
NOTA: Este asistente conversacional solo utiliza las integraciones de Google Spreadsheets y MailChimp. Sin embargo, el constructor de Landbot ofrece una amplia variedad de integraciones similares fáciles de configurar para potenciar tus bots, como Slack y notificaciones por correo electrónico, Stripe, Calendly, Airtable, Zoom, Salesforce y Zapier, que se conecta con cientos de otras aplicaciones.
15. ¿Cómo Probar tu Chatbot?
A medida que creas tu chatbot paso a paso, deberías revisar continuamente la experiencia del usuario y la calidad de las conexiones usando la función de vista previa.
Para hacerlo, haz clic en el botón "PREVIEW" en la esquina superior derecha de la interfaz de usuario.
Desde aquí, puedes interactuar directamente con el nuevo bot que acabas de crear como si fueras un cliente real en tu sitio web. Solo sigue los diferentes caminos de respuesta y consultas para comprobar tu progreso en el proceso de construcción e identificar posibles errores.
¡Incluso puedes probar el bot en una vista móvil!
Una vez que lo hayas probado tú mismo, te recomendamos compartirlo con al menos tres personas diferentes tras publicarlo para asegurarte de que todo funciona como debería.
16. Personaliza tu Chatbot para una Mejor Experiencia
De acuerdo, ya hemos construido el chatbot.
¿Qué sigue?
El próximo paso para perfeccionar tu asistente conversacional es darle una APARIENCIA consistente para mejorar la experiencia del cliente.
Ya que te esforzaste tanto en crear un bot desde cero, ¡es mejor que coincida con la marca y esquema de colores de tu sitio web!
El constructor de Landbot te ofrece muchas opciones para dejar que la personalidad de tu marca brille.
Para acceder a los elementos de diseño, haz clic en “Design” en el menú superior.
Esto abrirá un nuevo mundo de opciones. En el lado izquierdo verás una amplia lista de funciones de personalización:
- Plantillas de diseño: Te permiten elegir un tema entre atractivas plantillas ya creadas por Landbot. Son útiles si necesitas lanzar el bot rápidamente.
- Colores y fondo: Te dan control absoluto sobre el esquema de colores de tu bot.
- Logo y avatar: Modifica el logo y el texto que aparece en el encabezado del chat, así como el avatar del bot.
- Fuentes: Personaliza la fuente del bot, lo cual es ideal si una fuente específica forma parte de tu marca.
- Avanzado: Si tienes conocimientos de CSS o cuentas con un programador, este espacio te permite realizar cambios más significativos; el único límite es tu creatividad.
En solo unos clics, puedes seleccionar un tema que te guste, ajustar el mensaje y la marca en el encabezado, así como el avatar.
NOTA: Asegúrate de hacer clic en “APPLY” para guardar los cambios en cada sección de diseño. Una vez que estés satisfecho, recuerda presionar “SAVE” en la esquina superior derecha para actualizar el bot.
17. ¿Cómo Agregar un Chatbot a tu Sitio Web? (¡O Crear una Landing Page con un Bot!)
Ahora que nuestro Landbot ha pasado por el necesario “retoque de marca”, ¡es hora de mostrarlo al mundo y empezar a captar suscriptores y leads!
Perdón por repetirme, pero (una vez más) el creador de chatbots de Landbot hace este proceso súper fácil.
Vuelve a la app de Landbot. Haz clic en “COMPARTIR” en la barra de navegación superior.
Aquí encontrarás cuatro opciones de incrustación diferentes:
- Página completa: El bot ocupará toda la pantalla para interactuar con el usuario.
- Popup: El bot aparecerá como un popup al entrar en tu sitio (o tras unos segundos).
- Incrustar: Muestra el bot como una función incrustada en una sección de tu sitio web.
- Chat en vivo: El bot se mostrará como un mensaje de chat en vivo en la esquina de la pantalla del usuario.
Al hacer clic en cualquiera de los íconos, aparecerán instrucciones ligeramente diferentes y fáciles de seguir.
Si estás listo para colocar tu nuevo Landbot en tu sitio web, tienes dos opciones:
- Copia y pega el código en la sección <body> de cada página donde quieras que el bot funcione.
- Envía las instrucciones de incrustación a tu desarrollador por correo electrónico.
Por otro lado, si solo quieres crear una landing page temporal y no te importa mucho la URL, selecciona la opción “Compartir con un enlace” en el menú lateral izquierdo. Aquí encontrarás una URL generada automáticamente para tu chatbot Landbot que puedes enlazar en tu sitio web, en un correo o compartir en redes sociales.
NOTA: ¿Tienes un sitio web en WordPress? Entonces asegúrate de consultar nuestro tutorial específico para instalar tu chatbot personalizado en WordPress.
Consejos para Optimizar Chatbots Basados en Reglas
Lo que debes hacer:
- Reglas claras y concisas: Define reglas claras para cubrir consultas comunes y asegurar respuestas consistentes.
- Prioriza FAQs: Concéntrate en responder preguntas frecuentes para brindar asistencia eficiente y relevante.
- Flujos estructurados: Diseña conversaciones con árboles de decisión claros para una interacción fluida.
- Manejo de errores: Implementa mensajes de error para manejar malentendidos y redirigir conversaciones.
- Personalización: Usa variables como el nombre del usuario para mejorar la experiencia.
- Pruebas y actualizaciones: Revisa y ajusta regularmente las reglas para mejorar su precisión.
- Diseño intuitivo: Mantén la interfaz simple para facilitar la interacción.
- Elementos visuales: Usa íconos o imágenes para hacer la interfaz más atractiva.
- Marca consistente: Asegura elementos visuales coherentes para reforzar tu identidad de marca.
- Diseño adaptable: Garantiza que el chatbot funcione en diferentes dispositivos y tamaños de pantalla.
Lo que no debes hacer:
- Reglas demasiado complejas: No crees reglas complicadas que confundan al usuario.
- Respuestas ambiguas: Evita respuestas poco claras que generen frustración.
- Ignorar casos extremos: Considera excepciones para ofrecer respuestas completas.
- Flujos rígidos: No limites la flexibilidad del usuario con caminos estrictos.
- Falta de adaptabilidad: Mantén el bot actualizado según las necesidades de los usuarios.
- Pruebas insuficientes: No descuides las pruebas; podrían quedar errores sin detectar.
- Interfaz recargada: Evita saturar la interfaz con demasiados elementos.
- Inconsistencias de marca: Las incoherencias visuales pueden afectar la credibilidad.
Consejos para Usuarios Avanzados
Si eres un usuario avanzado familiarizado con los creadores de chatbots y lógicas complejas, explora las posibilidades de Webhook para enviar datos recopilados a apps externas o servidores, o integrar datos de APIs y CRMs al bot.
Además, en nuestra Academia Landbot, puedes aprender más sobre funcionalidades avanzadas como:
- Uso de fórmulas para operaciones complejas (similar a Excel o Google Sheets).
- Configuración del bloque de automatización por activador, ideal para estrategias de calificación de leads.
¿Aprendiste a Crear un Chatbot?
¡Eso esperamos!
Tal vez imaginabas que crear un proyecto de chatbot sería mucho más difícil. Pero ahí está el truco: las soluciones eficientes no tienen por qué ser complicadas.
Una vez que aprendes a construir un chatbot, todo cambia. Formulario, generación de leads, FAQs, calificación de prospectos, encuestas, aplicaciones laborales o atención al cliente... siempre habrá un bot que puedas crear. Y si te animas, ¡puedes diseñar tu primer FAQ con GPT usando nuestra función avanzada!
Las ventajas de los chatbots son infinitas. Con herramientas no-code como Landbot, crear experiencias conversacionales está al alcance de todos. ¿Qué esperas? ¡Comienza ahora!
.png)
.avif)
.avif)
.png){kind=icon}
