Chat integration with npm

Web chat

Estimated integration time: 10 minutes.

To implement our web chat on your page you need:

• install the indigitall dependency with the following command:

  npm i indigitall-web-chat

• paste the following code in the main page of your website, just before the end of the tag </body>:

Important: the channelKey value is unique and personal.

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

    <!--customized data-->

    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 is an alphanumeric string that identifies your indigitall project.

The following fields are custom. If they are not added, the Chat will show the default values.

• your_external_code is a string that identifies each device.
• your_title_chat is a string with the title that you want to be shown in the chat.
• your_bot_name is a string with the name of the bot that will be displayed above the bubble on the left side.
• your_default_user_name is a string with the default name that the user will have and will be displayed above the user's bubble.
• your_message_place_holder is a string with the message that is displayed in the text field where it must be written.
• your_primary_color is a string with the main chat color, buttons and floating icon in hex or object color.
• your_background_bar_color is a string with the background color of the upper and lower bars in hexadecimal.
• your_background_chat_color is a string with the chat background color in hexadecimal or object color.
• your_z_index numeric indicator to position the chat on the z axis.
• your_text_open_file is a string with the text that will be displayed in the case a file has to be downloaded.

Contact us