Descubrí cómo agregar un carrusel de imágenes en Dialogflow y que aparezca en la caja de chat de tu sitio web de forma muy sencilla con la ayuda de Blahbox. En esta nota anterior, te enseñé cómo vincular el bot que entrenaste en Dialogflow con tu cuenta de Blahbox. Ahora, vas a aprender a utilizar mensajes enriquecidos para mejorar la comunicación con tu cliente.
Existen varios tipos de mensajes enriquecidos. Lo más interesante de utilizarlos es el valor agregado que pueden aportar a la comunicación con tu cliente, haciendo que sea más fluida y dinámica. Los carruseles de imágenes son uno de los tipos de mensajes enriquecidos. Al utilizarlos, el cliente puede ver directamente nuestro producto o servicio y elegirlo de una manera muy sencilla.
Es muy sencillo agregar un carrusel en Dialogflow, y te voy a ayudar a hacerlo con algunos simples pasos:
- Dentro de la intención que querés que tu bot responda con un carrusel, tenés que encontrar el título “Responses”. Allí, tenés la opción DEFAULT y, al lado, tenés un signo +. Haciendo clic en ese signo, tenés que seleccionar Google Assistant y, de esta manera, ya podrás configurar los mensajes enriquecidos de Google Assistant, como en este caso haremos con el carrusel de imágenes.
2. Una vez que se agregó la solapa de Google Assistant, seleccionaremos “Add responses” y vamos a elegir “Carousel Card”. Allí, podremos agregar el link de nuestra imagen y, automáticamente, cargará la imagen que queremos agregar al carrusel. Repetiremos esto con todas las imágenes que queramos agregar. Yo agregué dos imágenes y se ve así:
3. Una vez que cargaste todas las imágenes, no te olvides de darle clic a SAVE. Y nos vamos a Blahbox a ver cómo quedó nuestro carrusel en la caja de chat.
4. Una vez en Blahbox, vamos a entrar al proyecto en el cual agregamos el carrusel. Vamos al ícono de Configuración (la ruedita que está en el menú izquierdo):
5. Aquí podemos ver que tenemos muchísimas opciones para personalizar nuestro chat, desde el avatar que tendrá nuestro bot hasta el color y la forma de los globos de mensajes. Por eso, si todavía no personalizaste el chat, podés aprovechar este momento para hacerlo.
6. En la derecha de la pantalla, donde dice Preview, tendremos la posibilidad de probar cómo quedó nuestro carrusel diciéndole al bot alguna de las frases que hayamos elegido en la intención. En mi caso, agregué un carrusel de sabores de pizza, por lo que a la frase “Quiero comprar una pizza”, mi bot me preguntará de qué gusto la quiero y me mostrará el carrusel de imágenes.
7. Como pueden ver, agregando el carrusel en Dialogflow, este aparece automáticamente en Blahbox y, por lo tanto, en nuestro sitio web. ¡Es súper fácil! Una opción que nos da Blahbox y que podemos aprovechar es modificar el ancho y el alto de nuestra caja de chat. Si elegimos una respuesta con carrusel, una buena opción es agrandar un poco la caja de chat así las imágenes pueden verse mejor. Aquí debajo, vas a poder ver cómo agrandé la caja de chat para que se puedan apreciar mejor las imágenes y cómo cambié mi avatar:
¡Y listo! Ya estás usando un tipo de mensaje enriquecido que hará más fluida la comunicación con tu cliente gracias a Blahbox, que permite aplicar estos cambios automáticamente en tu sitio web. Podes ingresar a Blahbox haciendo clic aquí para descubrir todas las funciones que ofrece y aprovechar cada una de ellas.
Espero que esta nota te haya ayudado y que las conversaciones con tus clientes se vuelvan mucho más dinámicas de ahora en adelante gracias a esta herramienta.