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.

Last updated