• Partners
  • Email Us
  • Product
    • Channels
      • Voice
      • Email
      • SMS
      • Chat
      • Messenger
      • WhatsApp
      • Omnichannel
    • Features
      • Predictive Dialer
      • VCC Live Pay
      • Outbound IVR
      • Inbound IVR
      • Voicemail Detection
      • Live Dashboards
      • ACD
      • Salesforce Integration
      • Dialogflow
  • Solutions
    • Customer Service
    • Sales Teams
    • Debt Collection
    • Virtual Call Center
  • Pricing
  • Resources
    • Blog
    • Case Studies
    • Ebooks
    • Courses
    • Webinars
    • Information Security
    • Learning Center
    • Developers
  • Company
    • About us
    • Careers
    • News
    • Partners
  • Partners
  • Email Us
+44 208 638 0169
GET STARTED
User GuidesVCC LiveCommunication ChannelsChat – Website Integration
  • About This User Guide
    • Introduction to VCC Live
    • General Information
    • Legal Information
    • Symbols and Notations
  • Installation and Activation
    • System Requirements
    • Firewall Settings
    • Installing VCC Live
    • Installing the MSI Package
    • Single Sign-On
    • Connecting IP Phones
  • Learning the Basics
    • Login Screen
    • Admin Workspace
    • Accessing Settings
    • Local Settings
    • Profile and Notifications
    • IVR Sound Library
  • User Management
    • Managing Users
    • Managing Teams
    • Managing User Right Groups
    • Changing Agent Status
    • Customizing Break Codes
  • Project Management
    • Creating a New Project
    • Modifying Generic Project Settings
    • Deleting a Project
    • Cloning a Project
    • Mass Project Actions
    • Mass Export Project Data
  • Project-Specific Settings
    • Modifying Generic Project Settings
    • Assigning Agents to a Project
    • Assigning Agents to a Queue
    • Configuring Caller ID Settings
    • Managing Dispositions
    • Managing Robinson Lists
    • Setting up After-work Limits
    • Adding Web Pages for Agents
    • Managing Tickets
  • Communication Channels
    • Outbound Calls
    • Inbound Calls
    • SMS
    • SMS Transliteration
    • Email
    • Chat - Website Integration
    • Chat - Facebook and Whatsapp Integration
    • Social Media - Handling Facebook Comments
  • Database Management
    • Database Management Overview
    • Importing Records
    • Exporting Database
    • Updating Databases
    • Searching Contacts and Records
    • Managing Records List
    • Managing Fields
    • Managing the Quota Tool
    • Data Extraction Overview
  • Datasheet and Script Management
    • Datasheets and Scripts Overview
    • Managing Datasheets and Scripts
    • Customizing Datasheets and Scripts
    • Types of Controls
  • Quality Management
    • Quality Management Tools
    • Quality Management Statistics
    • Downloading and Listening to Call Recordings
  • Monitoring
    • Dashboards
    • Real Time Monitoring
    • Call Wallboard
    • Inbound Wallboard
    • Quota Wallboard
  • Logs and Statistics
    • Overview
    • CDR Log
    • Chat Log
    • Email Log
    • SMS Log
    • User Activity Log
    • User State Log
    • Database Statistics
    • Disposition Statistics
    • Global Call Statistics
    • Global Inbound Statistics
    • User-Based Statistics
    • Project-Specific Call Statistics
    • Project-Specific Inbound Statistics
    • Project-Independent CDR Search
    • Weekly Inbound Statistics
    • Webhook Statistics
  • Internal Communication
    • Silent Coaching and Whispering
    • Using the Internal Chat
    • Releasing News for Agents
  • Subscription Management
    • Prepaid Billing
    • User License Management
    • Checking Your Balance
    • Transaction Details
    • Downloading Invoices
    • Restriction Procedure
    • Bank Transfer Guide
    • Buying Phone Numbers
    • Creating Pro Forma Requests
  • Account Security
    • Changing Your Password
    • Data Deletion After Contract Termination
    • Using a Password Policy
    • Restricting Access Based on IP Addresses
    • Using Two-Factor Authentication
  • Campaign Manager
    • Introduction
    • Importing
    • Advanced Filter
    • Using Filters and Collections
    • Loading from Collection to Campaign
    • Exporting
    • Automatic Import
  • VCC Live for Salesforce
    • VCC Live for Salesforce
  • Over-the-Phone Payment
    • Introduction to VCC Live Pay
    • Changing Payment Settings
    • Checking Transaction History
    • Security Considerations
  • Agent Workspace
    • Project Selection Screen
    • Agent Workspace
    • Keyboard Shortcuts
    • Using Break Codes
    • Using the Internal Chat
    • Using the Agent Browser
    • Handling Calls
    • Handling Emails and Tickets
    • Handling Chat Messages
    • User States
  • References
    • Dialing Modes
    • Multi-Project Dialing and Inherited Projects
    • Dispositions
    • Inbound Processes
    • Polygon Voice Recognition
    • Google Dialogflow
    • Voice File Name Parameters
Back to Support and Learning Center
English Hungarian

Chat – Website Integration

You can add VCC Live Chat to your website, allowing your website visitors and agents to communicate in real time. When a visitor sends you a message via your website, agents can instantly respond from within the productname.label application.

Tip: You can also integrate VCC Live Chat with Facebook Messenger. See Chat – Facebook Integration.

Table of Contents

  • To Add VCC Live Chat to your Website
  • To Send Chat Transcript to an Email
  • To Customize Chat Greeting
  • To Enable or Disable Automatic Pop-Ups After a Time Delay
  • To Set the Expected Agent Response Time
  • To Limit How Many Chat Conversations an Agent is Allowed to Handle
  • Customizing Chat Widget Appearance
  • To Change the Chat Widget Logo
  • To Change the Chat Button Label
  • To Customize the Chat Widget Accent Color
  • To Customize the Chat Widget Header Font Color
  • Chat Queues and Chat Transfer
  • To Create and Use Chat Queues
  • Transfer Chat Conversations to Other Agents or Queues
  • To Enable or Disable the Chat Transfer Function
  • Chat Templates
  • To Create a Chat Template

To Add VCC Live Chat to your Website

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Copy the content from the webchatSettings.code.label field to your website.

Note: You may need to contact your webmaster to add the code to your website.

To Send Chat Transcript to an Email

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Enter an email address in the webchatSettings.transcript.label. When an agent closes the chat, the transcript is sent to the email address.
  3. Press field_change.button.label.

To Customize Chat Greeting

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Enter your chat greeting in the webchatSettings.welcomeMessage.label text field. When your website visitor opens the chat, the greeting is displayed.
  3. Press field_change.button.label.

To Enable or Disable Automatic Pop-Ups After a Time Delay

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Select the webchat_settings.tab.label tab.
  3. Mark or unmark the webchatSettings.automaticOpen.label checkbox.
  4. Enter a value in the text field to define after how many seconds the chat windows should appear. Minimum value: 1 sec, maximum value: 3600 secs, default value: 15 secs.
  5. Press field_change.button.label.

Note: If webchatSettings.automaticOpen.label is disabled, the chat widget only appears when the website visitor selects the button. If the functon is enabled, the chat widget will only appear if there are available agents.

To Set the Expected Agent Response Time

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Mark the checkbox beside maxAgentResponseTime.label.
  3. Enter the desired value.
  4. Press field_change.button.label.

Note: If this function is enabled, when a chat conversation between an agent and client ends, the system will allocate a chat-specific disposition to the conversation. See Chat-Specific Dispositions.

Note: You can view the chat conversation history in the chat log. See Chat Log.

To Limit How Many Chat Conversations an Agent is Allowed to Handle

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Select the webchat_settings.tab.label tab.
  3. In the webchatSettings.simultaneousConversations.label text field, enter the desired value.
  4. Press field_change.button.label.

Customizing Chat Widget Appearance

You can customize VCC Live Chat widget colors and change the widget logo, enabling it to reflect your company’s branding.

VCC Live Chat Customization

To Change the Chat Widget Logo

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Select the webchat_settings.tab.label tab.
  3. In the webchatSettings.headerLogoUrl.label field, insert an URL link to the logo you want to use.
  4. Press field_change.button.label.

Note: Optimal image resolution: 350 x 40 px. Any larger image will be automatically resized to 40 px height. Aspect ratio is preserved.

Tip: We recommend using a PNG or SVG image with transparent background.

To Change the Chat Button Label

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Select the webchat_settings.tab.label tab.
  3. In the webchatSettings.minimizedPluginText.label text field, enter a text.
  4. Press field_change.button.label.

To Customize the Chat Widget Accent Color

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Select the webchat_settings.tab.label tab.
  3. Select the webchatSettings.backgroundColor.label color bar to invoke the color picker control.
  4. Select a color, or enter a HEX color code.
  5. Press OK, then press field_change.button.label.

Note: The color picker control interface may vary depending on what operating system you are using.

To Customize the Chat Widget Header Font Color

  1. Select a project from the project list, then select channels.menu.label > webchatSettings.menu.label.
  2. Select the webchat_settings.tab.label tab.
  3. Select the webchatSettings.textColor.label color bar to invoke the color picker control.
  4. Select a color, or enter a HEX color code.
  5. Press OK, then press field_change.button.label.

Note: The color picker control interface may vary depending on what operating system you are using.

Chat Queues and Chat Transfer

Using Chat queues, you can configure how new chat messages are assigned to specific groups of agents. This allows you to more efficiently allocate your agents to chat messages based on their expertise, while also ensuring your clients get the answer they need.

For example, you can create chat queues for specific topics (e.g., “Technical support” and “Question about my order”) with each queue assigned to specific agent departments (e.g., Technical Support and Sales Support). Before your website visitors start a chat conversation on your website, they can choose the most relevant topic from a list — and their messages will be routed to one of the queues you have specified earlier.

VCC Live Chat - Chat Queues

To Create and Use Chat Queues

  1. Select a project from the project list, select Channels > Chat, then select the Queues tab.
  2. Enter a Name and Label for the new queue, for example “Technical Support”, then press Save. Your new chat queue is ready to use!
  3. To use the chat queues, you need assign the queues to agents on the Queues & Skills interface. See Assigning Agents to a Queue.

Note: You can specify a message to display in the chat when the website visitor chooses a queue. To enter the message, select the General settings tab, then enter your message in the Message to display when selecting queue text field.

Transfer Chat Conversations to Other Agents or Queues

It may happen that your website visitor is routed to the wrong queue, for example because the website visitor selected the wrong topic in the chat widget. In this case, your agent can transfer the website visitor to another chat queue or a specific agents.

To Enable or Disable the Chat Transfer Function

  1. Select a project from the project list, select Channels > Chat, then select the General settings tab.
  2. Mark or unmark the Transfer chat conversation checkbox.

Chat Templates

You can create chat templates —short preset messages— that can be inserted by the agents in the message box using shortcut expressions. When the agent starts typing in the shortcut, the system will automatically suggest the corresponding template that can be inserted by clicking on the suggestion.

To Create a Chat Template

  1. Select a project from the project list, select Channels > Chat, then select the Chat templates tab.
  2. Press Create new to create a new template.

Related articles

There's always more to learn. Discover similar features by visiting related articles:

Chat Log

April 20 in User Guides

Chat – Facebook and Whatsapp Integration

December 15 in User Guides
Back to Support and Learning Center

Comments

Can’t find what you need? Use the comment section below to connect with others, get answers from our experts, or share your ideas with us.


There are no comments yet.

Click here to cancel reply.

Please note that by clicking on the Submit button, you agree to a member of VCC Live team contacting you with business offers. You can find detailed information on how we can establish contact with you in our Privacy Policy

  • Channels
    • Voice
    • Email
    • SMS
    • Chat
    • Messenger
    • Omnichannel
  • Main Features
    • Call Center Software
    • Predictive Dialer
    • VCC Live Pay
    • Outbound IVR
    • Inbound IVR
    • Voicemail Detection
    • Live Dashboards
    • ACD
    • Salesforce Integration
    • Dialogflow
  • Solutions
    • Customer Service
    • Sales Teams
    • Debt Collection
    • Virtual Call Center
  • Resources
    • Blog
    • Case Studies
    • Ebooks
    • Courses
    • Webinars
    • Information Security
    • Learning Center
    • Developers
    • Download
  • Company
    • About us
    • Careers
    • News
    • Partners
https://vcc.live/wp-content/uploads/2019/07/iso-cert-1.png https://vcc.live/wp-content/uploads/2019/07/iso-cert-2.png https://vcc.live/wp-content/uploads/2019/07/iso-cert-3.png
Social Media
https://vcc.live/wp-content/uploads/2019/07/linkedin.svg https://vcc.live/wp-content/uploads/2019/07/twitter.svg https://vcc.live/wp-content/uploads/2019/07/facebook-1.svg https://vcc.live/wp-content/uploads/2019/07/instagram-1.svg
Call us
Hungary
+36 19996400
UK
+44 2086380169
Germany
+49 3021782516
Poland
+48 123950886
Romania
+40 31706167
USA
+1 3024988337
Hungary
+36 19996400
UK
+44 2086380169
Germany
+49 3021782516
Poland
+48 123950886
Romania
+40 31706167
USA
+1 3024988337
  • Privacy Policy
  • Cookie Policy
  • Legal Statement
  • General Terms of Agreement
  • Magyar nyelvű jogi dokumentumok