Setup and Usage

VCC Live 360 includes an embeddable webchat module that seamlessly integrates with your website or solution. This guide explains how to set up and customize the webchat feature in your tool. The webchat allows users to integrate a chat widget into their website and configure various display and functional settings.

Table of Contents

• Setup
• Customization Options
• Logo
• Button and Header
• Chat Widget Behavior
• Advanced Customization via Injected CSS
• Messaging

Setup

Navigate to Project -> Channels -> Chat -> Web chat, you can switch on VCC Live 360 webchat here.

Here is the code snippet for the webchat interface, which you can embed directly on your website. The webchat widget will only appear if the website’s domain is added to Allowed websites.

Customization Options

Logo

• Admins can configure the logo displayed on the webchat.
• The uploaded logo is resized to 40px in height while maintaining the aspect ratio.
• If no logo URL is provided, the default VCC logo will be displayed.

Button and Header

• Admins can define the text on the webchat button.
• The colors of the button and header can be customized.
• The text color on the button and header can also be modified.
• When switching to VCC Live 360 webchat, the default colors will change.

Chat Widget Behavior

• Admins can set a delay for the chat widget to appear (between 1 to 36,000 seconds).
• Admins can enable auto-reopening of the minimized chat widget after a set time (between 1 to 1,440 minutes).

Advanced Customization via Injected CSS

The following elements can be customized using injected CSS:

• Chat bubbles
• Background
• Attachments component
• Timestamps
• Input field and text inside
• Send button
• Header and its buttons
• Minimized chat icon

Messaging

Your visitor can close the existing chat session by clicking on the Close button in the top right corner. The visitor will receive a notification to confirm the closing of the session.

Your visitor can send messages and attach files to the messages. Multiple attachments can be sent in one message. If an attachment exceeds the size limit or violates other security restrictions (e.g. unsupported extension), then the user will be notified. The user cannot send the message until the attachment with the error is not removed.