Integración Webview

Explicaremos como personalizar el iframe del Chat para ser cargado en un webview.

En determinadas circunstancias, en lugar de crear nuestro propio frontend para el Chat, es mejor cargar el iframe del Bot publicado en un Webview que podamos incrustar, por ejemplo, en una App nativa.

Para ello, simplemente tenemos que indicarle al Webview que la URL a cargar sea la de nuestro Bot publicado. Por ejemplo:

http://chat.wannabot.io/59c308ba91e19d572485f83c

Personalización del Iframe

Por supuesto, lo ideal es personalizar el contenido del Iframe para que se parezca lo máximo posible a nuestra App nativa, para ello, tendremos que primero personalizar los bocadillos y el fondo del Chat en la sección de Apariencia en Wannabot. Luego, podremos utilizar los siguientes parámetros GET para personalizar el contenido de la caja del Chat:

Parámetro GET	Valores	Descripción
header	número (1, 0)	Indica si queremos mostrar / ocultar el Header con el Logo
input	número (1, 0)	Indica si queremos mostrar / ocultar el Box con los Inputs para que el usuario pueda responder
bgButtonColor	valor hexadecimal (#XXXXXX)	Establece el color de fondo del botón de "responder" del usuario
buttonColor	valor hexadecimal (#XXXXXX)	Establece el color del icono del botón de "responder" del usuario
bgColor	valor hexadecimal (#XXXXXX)	Establece el color del fondo del Chat
logoUrl	cadena de texto	Establece la URL con la imagen del Logo del Header
session	cadena de texto	Establece la sesión / conversación a continuar dentro del Chat

Utilizando el API de Conversaciones, se puede crear una sesión, y luego pasar el ID por el parámetro GET sesion en la carga del Webview.