Blog
>
Generación de leads & CRO
>
...

Crear un Chatbot para tu Web en menos de 25 Minutos (Sin Trucos)

Daniel Ferrandiz
Digital Marketing Specialist, Landbot
Ilustración: Jana Pérez
crear-un-chatbot-web

La cuestión hoy en día no es sólo cómo crear un chatbot web, sino también cómo hacerlo de forma rápida, eficiente y sin complicar los flujos de trabajo bien establecidos. Sigue leyendo para encontrar la respuesta que buscas!

Cada día el mundo zumba un poco más fuerte con el bombo del marketing conversacional. Desde hace algunos años, las publicaciones técnicas y de negocios han incitado a las marcas a construir un chatbot para que su comunicación esté a la altura de los estándares de personalización e inmediatez de las audiencias de hoy en día. Después de que la pandemia mundial cerrara la mayor parte del mundo en casa, la llamada a una comunicación fluida entre cliente y empresa es aún más fuerte y urgente.

Claro, pero eso es más fácil de decir que de hacer... ¿o no?

Hace unos años, la respuesta a cómo hacer un chatbot estaba plagada de terminología de desarrollo de software y montones de código. Por lo tanto, la tarea de crear un chatbot descansaba fuertemente en los hombros de los pocos desarrolladores de chatbot capacitados.

Pero los tiempos han cambiado.

Gracias al auge de las plataformas sin código, el desarrollo de los chatbot se ha hecho más intuitivo y, por consiguiente, más accesible a una gama más amplia de marcas y empresas. También podrás construir un chatbot Dialogflow-WhatsApp sin código.

Hoy en día, no sólo se puede crear un chatbot, chatbots en español o en cualquier idioma, sino que también se puede hacer en pocos minutos, y con muy pocos conocimientos técnicos y/o conocimiento de programación. Mejor aún, ¡para más de un canal! No es broma.

Nunca bromeamos sobre los chatbots.

Antes de empezar, aclaremos algunas cosas.

Qué es un Chatbot?

Un chatbot es un software conversacional que permite a las empresas comunicarse con su público de forma instantánea y personalizada sin tener que reducir la automatización. La mayoría de la gente asocia los chatbots con la inteligencia artificial, sin embargo, la IA no es esencial para crear un chatbot funcional.Hay dos tipos principales de chatbots:

  • Chatbot IA

El Chatbot de Inteligencia Artificial utiliza el procesamiento del lenguaje natural, que es sólo un pequeño subconjunto de la Inteligencia Artificial que se ocupa de la lingüística y de la capacidad del software para comprender el lenguaje humano natural. Puede, pero no necesariamente tiene que funcionar también con el aprendizaje automático. Si el aprendizaje automático está involucrado significa que el robot es capaz de aprender de sus propios errores. Por otra parte, si un bot de IA no está impulsado por un algoritmo de aprendizaje automático, requiere que el creador del bot compruebe las respuestas del mismo y lo "enseñe" haciendo correcciones cuando se cometa un error.

Este tipo de chatbot suele ser estructuralmente flojo y, en su mayor parte, permite al usuario conducir y controlar la conversación. Su beneficio más citado es ofrecer la experiencia conversacional más natural. Sin embargo, su mayor beneficio a menudo se manifiesta como su mayor desventaja. La falta de estructura a menudo deja a los usuarios confundidos sobre lo que el bot puede hacer realmente, lo que resulta en experiencias impredecibles.

  • Chatbot Basado en Reglas

Un chatbot basado en reglas es un robot que funciona según el principio de un flujo estructurado que a menudo se representa como un árbol de decisiones. Aunque tienen un flujo de conversación menos flexible que los robots de IA, la estructura supone una ventaja ya que puede garantizar la experiencia que ofrecerán en todo momento. Por lo tanto, son altamente seguros y responsables, características que son clave para el funcionamiento perfecto de los flujos de trabajo.

Este tipo de chatbot no usa inteligencia artificial, sin embargo, eso no significa que no sea capaz de realizar acciones sofisticadas. Los chatbots basados en reglas pueden ser incluso más divertidos, ya que no se limitan a interacciones de texto y sus flujos pueden incluir elementos interactivos como botones, imágenes y otros medios.

¿Qué Chatbot Aprenderás a Construir en este Artículo?

En este momento te preguntarás qué tipo de chatbot aprenderás a construir aquí.

La respuesta es simple. El tutorial te muestra cómo construir el chatbot basado en reglas, ya que estos tipos de chatbots:

  • Ofrecer las experiencias/resultados más consistentes y confiables
  • Son rápidos de crear y fáciles de controlar
  • Son aplicables en la gran mayoría de los casos de uso de las empresas

Aquí hay un pequeño adelanto del resultado final:

Sin embargo, si estás decidido a crear un chatbot NLP, también puedes hacerlo sin necesidad de codificar usando la integración del flujo de diálogo de Landbot (API.AI). Sólo tienes que hacer clic en el enlace para acceder al tutorial!

¿Listo?

Aprendamos a construir un chatbot, rápidamente y sin codificar.

Cómo Crear un Chatbot Sin Código en Minutos

Este chatbot no te costará un brazo y una pierna ni requiere contratar a un desarrollador para hacerlo. Usando este tutorial, cualquiera, ya sea un vendedor, representante de ventas, que por ejemplo quiera crear un bot para aumentar las ventas, y/o mejorar el proceso de ventas, o representante de atención al cliente es capaz de construir un sofisticado chatbot digno de representar tu marca.

Landbot hace que la construcción de un bot sea fácil, bonita y (sin un ápice de exageración o parcialidad) divertida!

Déjame mostrarte...

1. Configura tu cuenta de Chatbot (Rápido y Gratis)

Antes de nada, necesitarás crear tu cuenta con Landbot. La suscripción es gratuita y no requiere información de la tarjeta de crédito.

Una vez completado el registro, tu primer proyecto de bot se creará automáticamente y serás llevado directamente al constructor del bot con un flujo de plantilla de muestra basado en los casos de uso que hayas indicado en tu proceso de registro (por ejemplo, la generación de leads).

Imagen sobre cómo configurar la cuenta de chatbot de Landbot

Sin embargo, si quieres tener una mejor visión general de la plataforma, haz clic en el icono de la casita de la izquierda para dirigirte al tablero de mandos.

Imagen del dashboard de la plataforma de creación de chatbots Landbot

2. Haz clic en "Build a Chatbot" & Selecciona tu Canal

Desde el dashboard, puedes hacer clic para modificar un proyecto de bot existente o construir uno nuevo haciendo clic en "Build a Chatbot".

Una vez que lo hagas, el constructor del bot te preguntará sobre el tipo de canal para el que quieres crear tu bot. Puedes elegir entre la web, Facebook Messenger/WhatsApp o la API.

Para este tutorial, seleccioné crear un chatbot web aunque el constructor es el mismo sin importar la opción que elijas.

NOTA: Si eliges construir un WhatsApp bot no podrás usar todas las funciones que ofrece Landbot y la aplicación WhatsApp tiene una interfaz de usuario (UI) limitada. Visita nuestra Guía de diseño de diálogos de WhatsApp para chatbots basados en reglas para ver un workaround que te pueda ayudar.

Después de seleccionar el canal, aterrizarás en la librería de plantillas de Landbot que está llena de plantillas pre-construidas de chatbot específicas... Pero, para hacer este tutorial al menos un poco difícil, empezaremos desde cero. 😉

3. Optimiza el Mensaje de Bienvenida

Crear bots con Landbot es extremadamente simple. Se trata de optimizar los bloques de conversación de tu elección.

El primer mensaje a personalizar es el mensaje de bienvenida, que es un bloque bastante flexible que permite incorporar mensajes de texto, mensajes multimedia como imágenes, gifs, vídeos o archivos, y botones.

En este ejercicio de construcción de botes, crearemos un bot de suscripción para una revista de juegos online ficticia "GameWorld".Por lo tanto, decidí personalizar mi bloque de bienvenida de la siguiente manera:

Mensaje de bienvenida del chatbot para la web

Mi bot se presenta y el usuario puede comenzar la conversación pulsando el botón "Hola". Dado que esta es una secuencia de bienvenida, mantenerla simple con una sola respuesta ayuda a iniciar el compromiso.

4. Añade tu Primera Secuencia

Para añadir una nueva secuencia a su mensaje de bienvenida, sólo tienes que arrastrar la flecha verde de una respuesta dada.NOTA: Cada secuencia de opciones de los botones terminará con un botón morado "DEFAULT". Este botón sólo es visible para usted en el constructor. Cuando hay varios botones para seleccionar pero el flujo sigue siendo el mismo independientemente de esa elección, simplemente arrastra una flecha desde la opción por defecto para crear la siguiente secuencia (en lugar de arrastrar una de cada respuesta).

Dado que nuestro mensaje de bienvenida sólo tiene una opción de botón (por lo que realmente no es una opción 😁), no importa si arrastras una flecha desde el botón "Hola" o el predeterminado. Después de arrastrar una flecha, verás un menú de preguntas y bloques de integración.

Selecciona "Simple Message" como tu nuevo tipo de bloque y, para editarlo, simplemente escribe tu mensaje.¡Y esa es tu primera secuencia!

5. Realiza una Pregunta (Nombre)

La clave para saber cómo crear un chatbot - un buen chatbot - es la personalización en tiempo real. Sería una lástima no aprovecharlo desde el principio, por ejemplo, preguntando el nombre del usuario.

Como habrás notado, el constructor de Landbot ofrece una gran variedad de tipos de preguntas. Esto es para hacer que la configuración del robot sea más rápida ya que vienen pre-formateados para los datos que se supone que deben recoger. (por ejemplo, la pregunta del URL sólo aceptará una respuesta con un formato de URL correcto y la pregunta del número de teléfono sólo aceptará dígitos).

Bloques disponibles para la creación del chatbot para página web

Así que, para añadir el bloque del nombre al flujo del robot, arrastra una flecha desde el último bloque, y selecciona "NAME".

Mientras se visualiza el bloque del Nombre, su ventana de configuración lateral también aparecerá a la izquierda:

Bloque para preguntar el nombre en el chatbot para web

Aquí, puedes personalizar el texto de la pregunta por defecto "¿Cómo te llamas?" con algo que se adapte más al tono de tu bot/marca.La ventaja de usar el bloque de nombres es que viene con la variable @nombre preestablecida para que no tengas que perder valiosos segundos configurando el tuyo propio.

NOTA: En el constructor de Landbot, las variables en el formato "@" + "nombre de la variable" sirven para categorizar y almacenar los datos recogidos por el bot. Puede utilizar estos datos para la personalización dentro del flujo de la conversación o exportarlos a una base de datos externa. Puedes utilizar variables predeterminadas o crear las tuyas propias.

Gracias a que el nombre del usuario se guarda bajo la variable, puedes personalizar la interacción en el siguiente paso:

Bloque de personalización en el chatbot para web

6. Hacer preguntas (Elección de botones)

Como habrán notado en la imagen de arriba, nuestro próximo paso será establecer una primera elección de botón verdadero. Así que, si no lo has hecho todavía, arrastra una flecha desde el bloque de nombres y selecciona "BUTTONS".

El bloque de botones funciona igual que el bloque de bienvenida/mensaje. Puedes dividir el discurso de tu robot en varias burbujas o añadir medios visuales antes de presentar al usuario una elección de botón.

Bloque de preguntas a través de botones en el chatbot para web

¡No pudimos resistir entrar ahí una vez más GIF!El punto clave es que esta vez, los botones llevarán a nuestro prospecto por diferentes caminos:

  • Aprende más sobre GameWorld
  • Suscribirse

Si el usuario no está listo para suscribirse todavía, es libre de aprender más sobre la plataforma y resolver cualquier duda que pueda tener.

Para dividir el flujo basado en la respuesta del usuario, arrastre una flecha desde la elección del botón "Learn more about GameWorld" y diseñe el flujo que seguirá:

Flujo de respuestas en el chatbot para web

Hemos creado otro bloque de mensajes, esta vez incluyendo un corto video, que asumimos sería una forma más divertida de aprender sobre la revista y conocer a los fundadores!

Aún así, nuestro principal objetivo es la suscripción, así que después de esta pequeña introducción, queríamos que el robot preguntara una vez más:

Bloque de suscripción en el chatbot para web

Esta vez las opciones que ofrecen suscripción o simplemente proceden a navegar por la revista para darles una salida (y no causar ningún tipo de frustración). Si el usuario elige ir a la revista, puede simplemente añadir un bloque especial "GOODBYE":

Bloque de mensaje de despedida en el chatbot para web

El bloque de despedida ofrece bastantes ventajas. Además de poder decir un mensaje de despedida:

  • Presenta los botones para compartir en los medios sociales
  • Ofrecer la opción de reiniciar la conversación
  • Activar redirección automática de URL &; personalizar el mensaje de redirección

Gracias al mensaje, incluso si el usuario no se suscribe, puede revisar sus cuentas sociales o ir directamente a su página web sin tener que hacer clic en nada.

¿Y si hacen clic en "Suscribir"?En ese caso, los llevaremos al flujo de suscripción... ¡construyámoslo!

7. Realiza una Pregunta (Email)

El dato más importante para obtener una suscripción es, por supuesto, una dirección de correo electrónico.Así que, nuestra primera pregunta sobre la suscripción será precisamente eso.

Vuelve a nuestra primera opción de botón (Más información vs. Suscripción" y dibuja una flecha desde la opción "Suscribir".

Afortunadamente, el constructor de Landbot tiene un bloque de preguntas "EMAIL" designado que no sólo viene con una variable @email preestablecida, sino que también comprueba el formato del correo electrónico. Eso significa que el bot no aceptará la respuesta del usuario a menos que se cumpla el formato común “xxx@xxxx.xx”.

Bloque de obtención de email en el chatbot para web

Después de configurar el bloque de correo electrónico, dibuja una flecha desde la opción "Suscribirse 🚀" en la rama de "Más información" de la conversación. De esta manera, tanto si el usuario decide suscribirse inmediatamente o después de aprender un poco más sobre la revista, será dirigido a través del mismo embudo de suscripción.

8. Exportar Datos a Google Spreadsheets

Otro secreto sobre cómo crear bots que te hagan la vida más fácil son las integraciones.

Así que, ahora que tenemos el dato más importante, queremos exportarlo a nuestra base de datos de Google Sheets.

¡Son este tipo de integraciones las que hacen un poderoso chatbot!Para ello, primero debes configurar una hoja de cálculo designada en tu Google Drive:

Integración de Google Sheets con el chatbot para web

Una vez hecho, vuelve al constructor del chatbot Landbot, arrastra una flecha verde desde el bloque de correo y selecciona "GOOGLE SPREADSHEETS" del menú:

Bloque de integración de Google Spreadsheets con chatbot para web

Primero, necesitas conectar tu Google Drive con Landbot.

Haz clic en "ADD ACCOUNT" y empareja las dos herramientas.A continuación, en un menú desplegable, selecciona:

  • Cuenta (dirección de correo electrónico) con la que quieres emparejar tu bot. (Si has emparejado tu cuenta Landbot con más de una cuenta, verás todas las cuentas añadidas anteriormente en esta lista desplegable)
  • La hoja de cálculo donde quieres enviar la información
  • La hoja dentro de la hoja de cálculo donde quieres enviar la información

A continuación, se te pedirá que "Select an Action" que quieras realizar:

  • Crear una nueva fila (Exportar)
  • Actualizar una fila existente (Exportar)
  • Recuperar los datos de la hoja de cálculo y llevarlos a la conversación (Importar)

Dado que en este momento se creará una nueva fila para cada nuevo abonado, seleccione "Insertar una nueva fila". Después de su selección, todo lo que necesita hacer es emparejar los nombres de las columnas con las variables que desea almacenar en estas columnas:

Haz clic en SAVE y la integración estará lista, ¡es pan comido!

9. Realiza una Pregunta (Botones con Imágenes)

¡Hay más en el bloque de botones que lo que se ve a simple vista!

Después de tener el correo electrónico del usuario, queremos saber más sobre sus preferencias para poder proporcionar una experiencia de suscripción más personalizada, así como una mejor experiencia de usuario.

A continuación, nuestra siguiente pregunta. Sin embargo, queremos hacer la elección de los botones un poco más divertida para romper la rutina. Para ello, haga clic en los tres puntos de la esquina superior derecha del bloque:

Bloque de preguntas e imágenes en el chatbot para web

Un editor de bloqueo de botones aparecerá en el lado izquierdo de la pantalla. Allí, puedes condimentar tus preguntas de elección de botones con algunos medios ricos:

Cuando termines de subir las imágenes, desplázate hacia abajo en el editor y crea una variable para almacenar esta respuesta:

Guardar variables en el chatbot para web

Haz clic en "SAVE"Así es como la elección del botón de imagen puede verse en la parte delantera:

Bloque de imágenes en el chatbot para web

No es divertido construir un chatbot?

10. Realiza una Pregunta (Opción de Foto ALÍAS Carrousel)

Otro gran tipo de pregunta dentro de la plataforma de chatbot Landbot es el bloque de elección de imágenes que permite ofrecer la elección de imágenes en forma de carrusel en lugar de botones.

Dibuja una flecha desde el botón "Default" de tu último bloque y selecciona "PICTURE CHOICE" en el menú.

Para configurarlo, necesitas configurar los tres campos principales:

  • La pregunta
  • Respuestas (Imágenes)
  • La variable para almacenar la respuesta
Bloque de elección de imágenes en el chatbot para web

Decidimos usar este tipo de pregunta para preguntar sobre el tipo de juegos que más le gusta al usuario.

Ejemplo de pregunta en el chatbot para web

Como hay bastantes tipos de juegos importantes, el carrusel parecía una opción mucho mejor ya que los botones normales habrían ocupado toda la pantalla. Cuando se configura la elección de la imagen se procede de la misma manera que con las imágenes de los botones: se define la descripción y se sube la imagen correspondiente.

Bloque de carousel en el chatbot para web

Por último, pero no menos importante, no olvides actualizar la variable para guardar las respuestas de forma que sea fácil de identificar:

Ejemplo de variable en el chatbot para web

Así es como tu esfuerzo se reflejará en el 'front-end':

¿Quién hubiera pensado que aprender a crear un chatbot con una rueda de carrusel sería tan simple?

11. Realiza una Pregunta (Múltiple Elección)

Nuestra aventura de variaciones de preguntas aún no ha terminado... El bloque de botones esconde otra característica clave y es la opción múltiple para las ocasiones en las que una sola opción no sirve.

Por ejemplo, en el botón de suscripción a la revista, queríamos ver qué tipo de contenido disfrutaba más el nuevo suscriptor sin limitarlo a una sola respuesta.Para configurar una pregunta de opción múltiple:

  • Crear otro bloque de botones y botones de respuestas
  • Haga clic en los tres puntos de la esquina superior derecha
  • Desplácese hacia abajo del editor y active "¡Decisión múltiple!
  • Recuerde configurar la variable de respuesta
Bloque de elección múltiple en el chatbot para web

Y eso es todo. Tu bot ahora será capaz de ofrecer a los usuarios una opción múltiple:

Resultado del bloque de elección múltiple del chatbot para web

12. Realiza una Pregunta (Respuesta abierta)

A veces los botones no pueden cubrirlo todo y hay que dar espacio al usuario para que exprese su opinión libremente.

Para dar al usuario espacio para escribir e introducir libremente puede utilizar el bloque de preguntas "TEXTO" 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 escuchaste de nosotros?" queríamos estar seguros de capturar todas las respuestas. Por lo tanto, creamos un botón con la opción "Otro" y lo conectamos a un bloque de preguntas abierto para averiguar lo que significaba ese otro.

Bloque de respuesta abierta en el chatbot para web

Lo único que hay que especificar aquí es la pregunta y, por supuesto, la variable que debe ser la misma que la de la pregunta principal, de modo que la nueva respuesta de entrada libre anulará "otro".

13. Permite al Usuario Calificar la Experiencia

¿Quieres saber cómo lo estás haciendo?

Para ello, Landbot ofrece los bloques "RATING" y "SCALE" , los dos ingredientes clave en una asombrosa encuesta bot.

Dibuja una flecha desde la última pregunta de los botones así como la subpregunta y selecciona el bloque "RATING" del menú.

Bloque de calificación en el chatbot para web

El montaje es, una vez más, bastante simple:

  • Escribe sus preguntas de calificación
  • Selecciona el formato de clasificación (número de estrellas, emoji...)
  • Crear la variable para guardar la respuesta

14. Exportar el resto de los datos recopilados Hoja de cálculo de Google

¿Recuerdas cómo enviamos el nombre y la dirección de correo electrónico del usuario a nuestro Google Drive? Bueno, ahora es el momento de actualizar el resto de la información.

Así que, arrastra una flecha verde desde el botón "Por defecto" del último bloque y selecciona el bloque de integración de Google Sheets una vez más.

Aquí, la configuración es prácticamente la misma, excepto que hay que establecer la acción en "Actualizar una fila" ya que queremos que el bot actualice una fila que haya creado previamente.

Al seleccionar esta opción, el constructor le pedirá que elija una "columna de referencia" para encontrar la fila que necesita ser actualizada. Dado que el nombre no es muy fiable como referencia, fijamos nuestra columna de referencia en "Email" y la asociamos a la variable email.

Cómo exportar datos en el chatbot para web

Después de la columna de referencia, especifique los campos que desea actualizar seleccionando la columna y la variable que corresponda a esa columna como antes. Esto significa que el bot irá a la hoja, revisará la columna "Email", encontrará una coincidencia para el usuario y llenará el resto de la información.

15. Crear Listas de Mailing segmentadas en Mailchimp

Mientras construyes el robot, asegúrate de que el robot hace todo lo posible para hacerte la vida más fácil.

Por ejemplo, si estás recopilando correos electrónicos, haz que el chatbot exporte esos correos y otros datos de usuario directamente a Mailchimp (o a cualquier otro servicio de correo que utilice Zapier).

Queríamos que nuestro bot de suscripción a GameWorld no sólo exportara los datos a Mailchimp, sino que también los enviara al grupo adecuado dentro de la lista de correo para simplificar el proceso de segmentación.

Así que, antes de ir a la integración de Mailchimp, establecimos algunos bloques condicionales. Estos bloques permiten configurar mecanismos de lógica condicional como "SI ESTO, ENTONCES ESO".

En el constructor Landbot, las condiciones que puedes usar son:

  • Equals to (Igual a)
  • Does not equal to (No es igual a)
  • Contains (Contiene)
  • Greater than (Mayor que)
  • Less than (Menor que)
  • Is set (Está configurado)

Como queríamos que el robot segmentara a los suscriptores en función de su dispositivo de juego, establecimos la condición de la siguiente manera:

Bloque de lógica condicional en el chatbot para web

Repetimos la configuración para cada uno de los posibles dispositivos.

Ejemplo de segmentación a través del bloque de lógica condicional en el chatbot para web

Si el robot encuentra que la condición es correcta, canalizará la información a Mailchimp a través de la salida verde. Si no lo hace, seguirá para comprobar la siguiente condición y la siguiente utilizando la salida rosa.

Ahora la integración de Mailchimp!

Arrastra una flecha desde la primera condición y selecciona "MAILCHIMP" en el menú.

Empareja tu cuenta con Landbot.

Y configura lo siguiente según los códigos de color de la imagen:

  • Amarillo: Email asociado con la cuenta
  • Verde: Lista de Mailing dónde quieres añadir el email
  • Rosado: Grupo dentro de la lista (si es aplicable - en nuestro caso, el grupo “Device”)
  • Azul Oscuro: @variable con la que vas a guardar el email del usuario
  • Azul Cielo: Otros valores que desees subir (e.g. nombre, aniversario etc.)
Integración con Mailchimp del chatbot para web

De esta manera puedes fácilmente segmentar tus correos electrónicos de suscripción al grupo correcto al instante.

Repite la configuración para cada grupo y listo!

Ejemplo de segmentación e integración con Mailchimp en el chatbot para web

NOTA: Este chatbot sólo utiliza las hojas de cálculo de Google y las integraciones de Mailchimp. Sin embargo, el constructor de Landbot ofrece una amplia variedad de integraciones similares fáciles de configurar para potenciar tus chatbots, incluyendo Slack yNotificaciones por correo electrónico, Stripe, Calendly, Airtable, Zoom, Salesforcey Zapier que se conecta a cientos de otras aplicaciones!

16. Vista Previa

A medida que vayas creando tu chatbot paso a paso, siempre puedes comprobar la experiencia del usuario y la calidad de las conexiones con preview.

Para ello, haga clic en el botón "PREVIEW" en la esquina superior derecha de la interfaz de usuario.

Desde aquí, puedes activar directamente el nuevo chatbot que acabas de hacer como si fueras un cliente real en tu sitio web. Sólo tienes que seguir las diferentes cadenas de respuestas y consultas para ver cómo te fue en el proceso de construcción e identificar cualquier posible error.

Incluso puedes probar el bot en una vista de móvil!

¡Acabamos de crear un chatbot de suscripción en menos de media hora!Hemos dejado detrás la parte "difícil" 😉

17. Personaliza tu Chatbot Branding para una Mejor Experiencia

Bien, hemos construido un chatbot en cuestión de minutos.

¿Y ahora qué?

Bueno, el siguiente paso para perfeccionar el chatbot de conversación de su propia creación es darle una mirada consistente para una mejor experiencia del cliente.

Ya que te tomaste la molestia de crear un chatbot desde cero, ¡mejor que coincida con la marca y el color de tu sitio web!

Landbot te da un puñado de opciones para dejar que la personalidad de tu marca brille.

Para mostrar los elementos de diseño, haz clic en "Design" en el menú de cabecera.

Ejemplo de cómo cambiar el diseño del chatbot para web

¡Te abrirá un nuevo mundo de opciones! En el lado izquierdo verás una gran lista de características de personalización:

  • Plantillas de Diseño: Te permite seleccionar un tema de las atractivas plantillas Landbot ya creadas. Estas son útiles cuando necesitas que el chatbot salga al mundo rápidamente...
  • Colores & Background: Te da un control absoluto sobre la combinación de colores de tu bot, por lo tanto aquí es donde lo personalizarás.
  • Logo & Avatar: Te permite modificar el logo y el texto que aparece en el encabezado del chat así como también personalizar el avatar del chatbot.
  • Fuentes: Naturalmente, aquí es donde personalizas el tipo de letra de tu bot, lo cual es genial, especialmente si un tipo de letra específico es parte de tu marca.
  • Avanzado: Bueno, si tienes la suerte de saber un poco de CSS o de tener un programador a bordo, este es el espacio que te permite hacer los cambios más significativos - el único límite es tu creatividad (y tus habilidades de programación 🙈)

En sólo unos pocos clics, puedes seleccionar un tema que te guste, ajustar la marca, el mensaje y el logotipo en el encabezado, así como tu avatar.

NOTA: Aségurate de hacer clic en APPLY para guardar los cambios en cada una de las secciones de diseño. Y, una vez que estés satisfecho, recuerda presionar SAVE en la esquina superior derecha para actualizar el bot.

18. Habilitar un Chatbot en tu Sitio Web (o hacer una landing page con un Chatbot!)

Ahora que nuestro Landbot se sometió al necesario cambio de imagen de marca, podemos mostrarlo al mundo y empezar a recoger suscriptores y clientes potenciales.

Siento repetirme, pero (una vez más) la plataforma de chatbot de Landbot hace este proceso súper fácil.

Vuelve a la aplicación Landbot y haz clic en "SHARE" en la barra de navegación de la parte superior.

Aquí puedes encontrar cuatro opciones diferentes de habilitación:

  1. Página completa: Haz que el bot atraiga al usuario ocupando toda la pantalla
  2. Popup: Haz que el chatbot aparezca al aterrizar en tu sitio (o después de cierta cantidad de segundos)
  3. Habilitado o embedded: Mostrar tu chatbot como una función integrada en una sección de su sitio web.
  4. Live Chat: Haz que tu chatbot se muestre como un mensaje de chat en vivo en la esquina de la pantalla del usuario.

Al hacer clic en cualquiera de los iconos, se mostrará un conjunto ligeramente diferente de instrucciones fáciles de seguir.Si estás listo para colocar tu nuevo Landbot en tu sitio web, tienes dos opciones:

  1. Copia y pega el código en la sección <body> de cada página de tu sitio web en la que quieras que el bot trabaje
  2. Envía por correo electrónico las instrucciones de habilitación a tu desarrollador/a
Opciones de embed del chatbot en una página web

Por otro lado, si sólo quieres crear una página de aterrizaje temporal y no te importa tanto la URL, selecciona la opción "Share with a link" en el menú de la izquierda. Aquí, encontrarás una URL de un chatbot Landbot generado automáticamente que puedes enlazar en cualquier lugar de tu sitio web, en un correo electrónico o compartir en las redes sociales.

Opciones para compartir el chatbot para web a través de un link

Y eso es todo!

¿Has Aprendido a Crear un Chatbot?

¡Bueno, eso esperamos!

Tal vez imaginó que el arte de la creación de chatbot es mucho más difícil que esto. Pero ese es el truco. Las cosas eficientes no siempre tienen que ser complicadas.

¿Y ahora qué?

Una vez que sabes cómo construir un chatbot, una cosa es segura, tu vida nunca será la misma.

Cada vez que quieras crear un formulario, generar leads, dar puntuación a clientes potenciales, diseñar encuestas o publicar ofertas de trabajo o dar poder a su equipo de servicio de atención al cliente, la emoción de crear un chatbot tomará el control.

¡Eso no es algo malo!

Los chatbots se han convertido en una potente herramienta de marketing extremadamente popular y efectiva. Y, lo que es mejor, ¡ya no están fuera de tu alcance!

Por ejemplo, Landbot te permite construir y crear un número de bots en un tiempo muy corto y a un coste relativamente bajo, siempre y cuando no necesite contratar desarrolladores y esperar meses para su terminación. Y, si bien existen muchas plataformas de chatbot, pocas ofrecen una interfaz tan intuitiva que sirva para múltiples canales, incluyendo la web, así como plataformas de mensajería como WhatsApp y Facebook Messenger.

Los chatbots no deberían ser difíciles de construir o controlar. Las herramientas sin código como Landbot hacen que eso suceda.

👇 Registra tu cuenta gratis con Landbot y crea tu chatbot web ahora 👇

Daniel Ferrandiz
Digital Marketing Specialist, Landbot
|
author linkedin lanbot

Artículos Relacionados