Para poder agregar listas a tus respuestas, vamos a seguir algunos pasos:

1. Al igual que con los carruseles de imágenes, vamos a ingresar en nuestra cuenta de Dialogflow y entrar a la intención donde queremos agregar una lista a la respuesta.
2. Buscamos el título “Responses” y, una vez allí, agregaremos la opción de Google Assistant haciendo clic en el signo +.

3. Ahora, dentro de Google Assistant, en “Add responses”, en lugar de seleccionar “Carrousel Card”, vamos a seleccionar “List”. Allí, nos aparecerán varios campos para completar sobre cada ítem que componga nuestra lista.

4. Vamos a completar primero el Título y Subtítulo de la Lista, y luego, el link a la imagen de cada ítem (porque cada uno de ellos tendrá una pequeña imagen) y el título y la descripción de cada ítem también. Para agregar ítems, solo tenemos que hacer clic donde dice “Add item” al final, debajo de los campos para rellenar.

5. Cuando termines de completar la lista con todos los ítems, podrás ver cómo quedó probando hacerle una pregunta a tu bot en Blahbox. Para esto, vas a iniciar sesión en Blahbox con tu cuenta e ingresar a tu proyecto. Allí, vamos a hacerle la pregunta a nuestro bot sobre qué tamaños de pizza ofrecen y el bot nos responderá con la lista. Esto se ve así en mi ejemplo:

Como podés ver, cada ítem de la lista tiene una pequeña imagen y una descripción y, con tan solo un clic, tu cliente puede elegir el tamaño de pizza que va a pedir.

Aplicar esto en tu sitio web es muy sencillo con Blahbox, que introduce todos los cambios que hagas en tu bot directamente en tu sitio web. Aprovechá estas herramientas que ofrece Blahbox para mejorar la comunicación con tu cliente y que ellos disfruten de la interacción con tu bot. Espero que con ayuda del artículo puedas aprovechar estos recursos.

The post Cómo agregar listas en Dialogflow y que aparezcan en tu sitio web con Blahbox first appeared on Planeta Chatbot.

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:

1. 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.

The post Tutorial: cómo agregar un carrusel de imágenes en Dialogflow first appeared on Planeta Chatbot.