Tan pronto como creas una cuenta en Blip Go! el Blip Chat se activa instantáneamente.
Puedes usarlo en tu sitio web o página para que los usuarios se pongan en contacto.
Para conectar el bot a tu sitio, necesitarás acceder al portal Blip. Cabe señalar que solo los administradores de Blip Go! pueden hacer este cambio.
Acceso al portal Blip: https://blipatendimentotrial.blip.ai/applicationSelecciona el builder con la clasificación de Enrutador, igual a la imagen a continuación:
Haz clic en el módulo Canales (en el portal de Blip) y selecciona el canal Blip Chat.
Haz clic en la pestaña Configuración e ingresa el dominio del(os) sitio(s) donde deseas colocar el Blip Chat.
Observación: Esta es una operación obligatoria. Por razones de seguridad, tu bot solo funcionará en las páginas cuyo dominio haya sido previamente habilitado en el portal de Blip. En el ejemplo de la imagen a continuación, el Blip Chat solo se cargará en páginas cuyo dominio sea seudominio.com.
Haz clic en la pestaña Instalación, copia el script presentado y pégalo dentro del body de tu página web.
Integrar un bot en un sitio de forma embebida
- Repite los mismos 3 pasos del método de integración como widget.
- Realiza una modificación en el script copiado en el portal.
El script de integración predeterminado de Blip Chat es idéntico al script a continuación (con la excepción de la clave, que es única para cada bot).
<script src="https://unpkg.com/blip-chat-widget" type="text/javascript">
</script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('YOUR-BLIP-CHAT-KEY')
.withButton({"color":"#2CC3D5"})
.build();
}
})();
</script>
Para incrustar la interfaz en un elemento HTML con el id 'your-element-id' de tu sitio, modifica el script de la siguiente manera:
<script src="https://unpkg.com/blip-chat-widget" type="text/javascript">
</script>
<script>
(function () {
window.onload = function () {
new BlipChat()
.withAppKey('YOUR-BLIP-CHAT-KEY')
.withButton({"color":"#2CC3D5"})
.withTarget('your-element-id')
.build(options);
}
})();
</script>
Observaciones:
Independientemente del método de integración, aún es posible realizar algunas personalizaciones para adaptar la experiencia del usuario con la interfaz de Blip Chat. Para ver todos los detalles, haz clic aquí.
Para configuraciones avanzadas del script de Blip Chat en la web, consulta el proyecto en Github.
Para más información, acceda a la discusión sobre el tema en nuestra comunidad o a los videos en nuestro canal. 😃