Rate this page:

How to connect web chat

Web chat helps to integrate a chat directly from Voximplant Kit to your website. To create a web chat, do the following:

  1. Log in to your Voximplant Kit account.
  2. Click Settings > Channels and select Web chat.
  3. In the General tab, enter the name of the channel.
  4. Select API Token from the drop-down list.
General settings
  1. Select a queue or function from the drop-down list to redirect messages from the channel.
  2. Add skills, if needed.
  3. In the Customize tab, enter the web chat header.
  4. Upload the company logo.
  1. Configure the chat position, colors, and the greeting message.
  2. Click Add channel.
  3. Click Generate code to generate the code that allows to implement directly into your site's HTML.

The generated code contains the client_data object that helps you to configure data transfer to the widget settings during initialization and provide more information to your agents.

     client_data: {
  "client_id": 'xxx', // Customer ID 
  "client_phone": "", // Customer phone number
  "client_avatar": "", // Customer avatar link
  "client_display_name": "John Smith" // Customer name 
  "client_email": "", // Customer email
  "client_language": "RU | EN" // Customer language 

This configuration allows you to make communication with your clients easier - based on provided data in the client_data object, the system fills in the form automatically.


client_id is a unique customer identification number. If you change this client_id, the system creates a new chat without any associations with a previous one. If you change other properties, the system will change them in the agent's workspace but remain the same chat.

  1. Click Copy to clipboard to copy the generated code and paste it where you want your button to be shown.