Para mejorar la interacción del usuario, usamos el Webview, que es responsable de recoger o mostrar información de manera más eficiente durante el flujo de la conversación. La idea aquí es que el usuario tenga la experiencia de estar en una conversación con el bot y al mismo tiempo utilizando las características de una aplicación web o móvil.
WebView se puede desencadenar durante el flujo de conversación a través del botón de un mensaje de tipo tarjeta.
Actualmente estamos poniendo a disposición 3 tipos de webviews: campos de formulario, Avanzada e URL Externa.
Campos de formularios
Aquí tenemos la opción de presentar un formulario con los campos del objeto de usuario que se rellenará. Todo el comportamiento es controlado por la plataforma Cosmobots.
La Altura de WebView define el porcentaje de la pantalla que ocupará WebView. Es interesante utilizar una altura que no cubra 100% de la pantalla, por lo que el usuario se dará cuenta de que todavía está en el Chatbot.
A continuación, se muestra un ejemplo de cómo esta vista Web es para el usuario:
Tras la finalización de WebView todos los datos del formulario se guardarán en la base de datos de Cosmobots.
Avanzada
Este tipo de WebView tiene más características. Y se basa en diferentes diseños para presentar la información al usuario.
Los diseños deben rellenarse y colocarse en la variable denominada webview. Los siguientes son los atributos disponibles para todos los diseños:
Y ahora vamos a los detalles de cada diseño, que contiene ejemplos de uso:
Lista y seleccione elemento
A continuación, se detallan los atributos adicionales para este tipo de diseño:
Aquí tenemos un ejemplo de cómo rellenar este diseño (layout):
Y finalmente, tenemos la opción de definir un conjunto de layouts. Sería como un paso a paso que el usuario debe seguir para completar la Webview. Para esto basta adicionar cada layout dentro de la variable webview el orden que desea que aparezcan al usuario.
Siguiendo un ejemplo, donde el escenario aquí sería para finalizar una compra:
También existe la opción de WebView para tener su origen en alguna URL externa a los cosmobots. Por lo tanto, el control no estaría en la plataforma de Cosmobots, pero podrías utilizar un paso después de esto para, por ejemplo, llamar a una API para consultar o actualizar la información de contexto de conversación.