Integración Chat con npm

Chat web

Tiempo estimado de integración: 10 minutos.

Para implementar nuestro web chat en tu página necesitas:

• instalar la dependencia de indigitall con el siguiente comando:

  npm i indigitall-web-chat

• 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="/es/node_modules/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.

Contáctanos