Chat web - con javascript

guía rápida de integración

Indice

• ¿Qué necesitas para la integración
• Integración
• Inicializar el Chat
• Changelog

¿Qué necesitas para la integración?

Importante: si eres cliente enterprise no es necesario que crees una cuenta.

• una cuenta
  Crear cuenta

Integración

Este artículo muestra el desarrollo mínimo que hay que hacer para comenzar a utilizar el chat.

Inicializar el Chat

Para inicializar el Chat es necesario pegar el siguiente código en el la página principal de tu web, justo antes del final de la etiqueta </body>:

Importante: el valor channelKey es único y personal.

<script src="../indigitall-web-chat.js"
 charset="utf-8" 
 onload="WebChat.init({
    channelKey: your_channel_key,

    <!--datos personalizados-->

    externalCode: 'your_external_code',
    titleChat: 'your_title_chat',
    botName: 'your_bot_name',
    defaultUsername: 'your_default_user_name',
    primaryColor: 'your_primaryColor',
    backgroundChatColor: 'your_background_chat_color',
    backgroundBarColor:'your_background_bar_color',
    messagePlaceholder: 'your_message_place_holder',
    zIndex: your_z_index,
    openFileText: 'your_text_open_file'})">
</script>

• your_channel_key es una cadena alfanumérica que identifica tu proyecto de indigitall.

Los siguiente campos son personalizados. Si no se agregan, el Chat mostrará los valores por defecto.

• your_external_code es una cadena que identifique cada dispositivo.
• your_title_chat es una cadena con el título que quieres que se muestre en el chat.
• your_bot_name es una cadena con el nombre del bot que se mostrará encima de la burbuja del lado izquierdo.
• your_default_user_name es una cadena con el nombre por defecto que tendrá el usuario y se mostrará encima de la burbuja del usuario.
• your_message_place_holder es una cadena con el mensaje que se muestra en el campo de texto donde hay que escribir.
• your_primary_color es una cadena con el color principal del chat, botones e icono flotante en hexadecimal u objeto color.
• your_background_bar_color es una cadena con el color de fondo de la barra superior y de la inferior en hexadecimal.
• your_background_chat_color es una cadena con el color de fondo del chat en hexadecimal u objeto color.
• your_z_index indicador numérico para posicionar el chat en el eje z.
• your_text_open_file es una cadena con el texto que se mostrará en el caso se haya que descargar un archivo.

• descargar .zip y extraer el archivo para subirlo a la carpeta principal de tu web.
  Descargar

¿Cómo subir archivos a tu servidor o acceder a ellos?

Puedes hacerlo mediante FTP o desde el panel de control de tu servidor (cPanel, directAdmin, etc) entre otras formas. Más abajo encontrarás un video explicativo del proceso. En menos de 10 minutos, deberías tenerlo.

Puedes pedir ayuda a tu proveedor de hosting o a tu programador de confianza enviando estas instrucciones.

Changelog

[1.2.0] - 06/2021

Correciones

• Añadido template con botones y descarga pdfs

[1.1.1] - 01/2021

Correciones

• Independizar css de botones
• Solucionar problema con librería crypto

[1.1.0] - 01/2021

Añadido

• Opciones personalizables
• Test unitarios

[1.0.0] - 2020

Añadido

• Inicialización

Contáctanos