> For the complete documentation index, see [llms.txt](https://kinochat.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kinochat.gitbook.io/help-center/quick-start/admin-guide-getting-started.md).

# Admin Guide: Getting Started

This manual applies to all administrators (Super Admin, Admin, and Supervisor). It is designed to help you quickly understand system features and perform operations correctly.

## **Agent Roles and Permissions**

KinoChat provides four agent roles, each with different permission levels.Roles are assigned per **workspace (business unit)**.

### **Role Definitions**

* **Super Admin**
  * Each organization can have **up to 5** active Super Admins.
  * All Super Admins have the same organization-level permissions and can manage all workspaces within the organization.
  * Existing Super Admins can add or remove other Super Admins under Organization → Admins.
  * **At least one** active Super Admin must always remain.
  * When a Super Admin creates a new workspace, they are also automatically added to that workspace as an **Admin.**
* **Admin**
  * Each workspace can have serval **Admins**, assigned by the Super Admin.
  * Has broad management permissions within the workspace.
* **Supervisor**
  * Each workspace can have **multiple supervisors**, assigned by the Super Admin or Admin.
  * Focuses on team and chat supervision with limited administrative access.
* **Agent**
  * Each workspace can have **multiple Agents**, assigned by the Super Admin or Admin.
  * Primarily responsible for handling chats.

### **Roles & Permissions**

| **Feature / Permission**               | **Super Admin** | **Admin** | **Supervisor** | **Agent** |
| -------------------------------------- | --------------- | --------- | -------------- | --------- |
| Home                                   | ✓               | ✓         | ✓              | ✓         |
| Chats (All Chat Features)              | ✓               | ✓         | ✓              | ✓         |
| Invite Agents                          | ✓               | ✓         | ✓              | ✓         |
| Edit Agent Roles                       | ✓               | ✓         | ✓              | ✕         |
| Remove Agents from Workspace           | ✓               | ✓         | ✕              | ✕         |
| Delete Agents (Company Level)          | ✓               | ✕         | ✕              | ✕         |
| Manage Groups (Create / Edit / Delete) | ✓               | ✓         | ✓              | ✕         |
| Dashboard                              | ✓               | ✓         | ✓              | ✓         |
| Workspace Management                   | ✓               | ✕         | ✕              | ✕         |
| Configure Contact Identification       | ✓               | ✕         | ✕              | ✕         |
| Chat Widget Settings                   | ✓               | ✓         | ✓              | ✕         |
| Chat Settings                          | ✓               | ✓         | ✓              | ✕         |
| Forms Settings (Pre / Post Chat)       | ✓               | ✓         | ✓              | ✕         |
| Security Settings                      | ✓               | ✓         | ✓              | ✕         |
| Help                                   | ✓               | ✓         | ✓              | ✓         |

<br>

## **Account Setup**

{% stepper %}
{% step %}

### **Initial Your Account**

After you sign up for KinoChat, you need to provide the email address for the **Super Admin (highest permission)** to the **KinoChat Support Team(<support@kinochat.ai>).**&#x54;he KinoChat Support Team will:

* Create a default business unit named **Default Workspace**
* Set up the initial Super Admin account

You can then log in to the system using the provided email address and password.
{% endstep %}

{% step %}

### **Change Password**

After logging in, go to the **Profile** page and click **Change Password** to update your password.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FTmCKJIBaWCCUiyjG6HrH%2Fimage.png?alt=media&amp;token=d4d14dcc-9e50-454d-b5bc-e463f8ea2f8f" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## Manage Super Admins

Super Admins can manage other Super Admins under Organization → Admins.

### **Add a Super Admin**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FqwgVbwuHa62XwcKUeUwS%2Fimage.png?alt=media&amp;token=31cc5151-8bfa-49e8-afa9-1b73769f093c" alt=""><figcaption></figcaption></figure>

1. Go to Organization → Admins.
2. Click Add Super Admin.
3. Search for an existing organization member by name or email.
4. Select the member and click Add Super Admin.

The new Super Admin will immediately have access to the organization and all its workspaces.

Note: The member must already belong to the organization. If they are not found, add them to a workspace first.

Each organization can have up to 5 active Super Admins.

### **Remove a Super Admin**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F0DElXzHPtkH9ZLJRF2GO%2Fimage.png?alt=media&amp;token=31bf6105-76ba-4146-b0a2-8cb3c53960fb" alt=""><figcaption></figcaption></figure>

1. Go to Organization → Admins.
2. Find the Super Admin you want to remove.
3. Select Remove Super Admin from the Action menu.
4. Confirm the removal.

The member will immediately lose their organization-level Super Admin access. Any existing workspace roles they already have will remain unchanged.

You cannot remove yourself as a Super Admin, and at least one active Super Admin must always remain.

## 【NEW】Set Up Contact Identification

Contact identification determines how KinoChat recognizes returning customers and links new chats to contacts across your organization.

The default identification method is **Email**. Organizations with their own customer accounts can switch to **Customer user ID**.

### Who Can Manage

* Super Admin only.

### Enable Customer User ID

1. Go to **Organization → Contact identification**.
2. Click **Enable Customer user ID**.
3. Review the changes and confirm.

The setting applies to all workspaces in your organization. Each workspace must have **Automatic User Identification** enabled and receive a valid `user_id` through the integration to identify customers by Customer user ID.

{% hint style="info" %}
Enabling Customer user ID does not automatically enable Automatic User Identification in your workspaces.
{% endhint %}

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F0mGlxQkPKqfORBarzWAJ%2Fimage.png?alt=media&amp;token=a474505f-26d8-425c-9022-395b7dc5965f" alt=""><figcaption></figcaption></figure>

### How Identification Works

* Customers with the same valid Customer user ID are linked to the same contact across workspaces within your organization. You can see the recent conversation related to this contact.

  <figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FTMLfHjRASWkIfofyqzov%2Fimage.png?alt=media&amp;token=66273cc4-7f8c-4f6e-b5b0-7d9c77f12b1f" alt=""><figcaption></figcaption></figure>
* Identification happens when a new chat is created. Updated identity information during a chat takes effect from the next new chat.

### Before You Switch

* **The switch is permanent. You cannot switch back to Email identification.**
* Only new chats are affected. Existing and ongoing chats keep their current contact associations.
* Existing contacts are not automatically migrated or merged. A customer may receive a new contact even if their email matches an existing contact.

**Learn More**

{% content-ref url="/pages/MeVohg1yNJnGJzQSTd4P" %}
[Auto User Identification Introduction](/help-center/quick-start/auto-user-identification-introduction.md)
{% endcontent-ref %}

## **Edit or Create a Workspace**

After logging in, you need switch to the default workspace before configuration.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FsNqsbjkKs9p87uD37AJ7%2Fimage.png?alt=media&amp;token=fb40977b-8300-4963-8e6c-cb5f84d5d75a" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Edit the Default Workspace" %}
If you have **only one business unit**, we recommend editing the default workspace only.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fd5MQSwjuszXMukgWh9Dj%2Fimage.png?alt=media&amp;token=95bdc596-5062-4a00-8828-67bb04bf6460" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Create Additional Workspaces" %}
If you have multiple business units, you can create additional workspaces by clicking **Create Workspace**.

{% hint style="info" %}
If the **Create Workspace** option is not visible and you need to configure multiple business units, please contact <support@kinochat.ai>
{% endhint %}

Team and chat settings are configured separately for each workspace. Contact identification is configured at the organization level and applies to all workspaces.

If an agent belongs to multiple workspaces, they will receive chat requests from **all associated workspaces simultaneously**.It is super helpful when you need an agent to handle the requests from different business units.<br>

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FscgP2EFLtABk6kU8WlFf%2Fimage.png?alt=media&amp;token=acb3c62e-3145-4431-babc-3dbe456ac257" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## **Cross-workspace Messaging(optional)**

Cross-workspace Messaging allows agents to receive and manage messages from multiple workspaces in a unified experience.

#### Who Can Manage

* Super Admin only

#### Enable or Disable

Access: Account Settings → Cross-workspace Messaging

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FXU9BzTm09OVdAI8UbbOo%2Fimage.png?alt=media&amp;token=7b896294-8270-4ffb-8cae-46c72ce2e8f7" alt=""><figcaption></figcaption></figure>

#### Enable

* Agents receive messages from all accessible workspaces

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fqw74fVceUUUfPndrygWV%2Fimage.png?alt=media&amp;token=8f9ed781-2703-43ec-88b6-2e2a11b32992" alt="" width="299"><figcaption></figcaption></figure>

* Workspace-specific chat limits and inactivity settings are overridden

#### Disable

* Restores workspace-level chat limits and inactivity settings
* Agents will only receive messages from the active workspace

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FK7S3El57VehehxME77Tv%2Fimage.png?alt=media&amp;token=201d310d-95b1-4717-8601-a2d54d25cce4" alt="" width="339"><figcaption></figcaption></figure>

Global confirmation is required when enabling or disabling this feature.

{% hint style="danger" %}
**Important Notes**

* When enabled, chat limits and inactivity rules apply globally
* Agents receive a global notification when the status changes
* Disabling may require agents to manually switch workspaces to continue chats
  {% endhint %}

## **Build Your Team**

Once a workspace is created and enabled, you can manage agents and groups within that workspace.

Team management is located under **Settings → Team**. The Team page contains three tabs:

* **Agents** — Manage workspace members, roles, license status, VIP Agent status, and member actions.
* **Groups** — Manage groups and group membership.
* **Invitations** — Track invitations from submission until the invitee becomes an active workspace member.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FgzSHnOiVps7Bcl1fOi8S%2Fimage.png?alt=media&amp;token=22120ba7-885b-4a09-9854-6f68b75da64e" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

### **Invite Agents**

All roles, including Agents, can send invitations from **Settings → Team → Invite agents**.

Invitation options depend on the sender's role:

* **Super Admin** can invite Admins, Supervisors, and Agents.
* **Admin** can invite Supervisors and Agents.
* **Supervisor** can invite Agents.
* **Agent** can invite Agents only. For invitations sent by an Agent, the role is fixed to Agent, the group is fixed to General, and VIP Agent is turned off.

{% tabs %}
{% tab title="Single Invite" %}

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FAeBcoZbFlTMYnYdSMCHr%2Fimage.png?alt=media&amp;token=a582c0c0-d86a-4db8-8d8e-a1965e5cd495" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bulk invite" %}

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FO7knPgsZ4BwQo1YZgQ3B%2Fimage.png?alt=media&amp;token=ccded16f-9043-4ffb-9914-41771df3662d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
**Inviting additional agents may incur extra charges. Please proceed with caution.**
{% endhint %}

Both Single invite and Bulk invite are supported. Invalid email addresses are highlighted before submission and must be corrected before the invitation can be sent.

When invitations are submitted:

* <mark style="background-color:$primary;">An existing member of the same organization who is not in the current workspace can be added directly after confirmation.</mark>
* An external email receives an invitation and enters **Pending Accept**.
* <p align="center"><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F6NuJQ9xMMx16DTD3gyMF%2Fimage.png?alt=media&amp;token=9ea3afb2-aca3-44a9-b04d-9bc778c6505d" alt=""><br></p>
* An email that already belongs to the current workspace is skipped.
* Duplicate emails in the same submission are not sent twice.
* Delivery or permission errors enter **Failed**.

After submission, open **Settings → Team → Invitations** to review the results.
{% endstep %}

{% step %}

### **Manage Invitations**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FjnKSjBgdeoczmbgDJpKz%2Fimage.png?alt=media&amp;token=1cbdcaa1-4b5f-47d9-836c-bf489563bb8e" alt=""><figcaption></figcaption></figure>

The Invitations list tracks each invitation for the current workspace.

**Pending Accept**

The invitation has been sent and is waiting to be accepted.

Available actions:

* **Resend** — Sends a new invitation and invalidates the previous link.
* **Cancel** — Cancels the invitation and invalidates its link.
* <mark style="color:$primary;">**Copy invitation link**</mark> <mark style="color:$primary;"></mark><mark style="color:$primary;">— Copies the latest valid link without generating a new link or extending its validity.</mark>

Invitation links are valid for seven days. When a link expires, the record remains Pending Accept and Resend becomes the primary action.

<figure><img src="https://ecna3blo04nr.feishu.cn/space/api/box/stream/download/asynccode/?code=Njg2YjUwODQ0ZTJhYzBhMmQzMjY0ZjllYWMwODE5N2VfNnhOdlpha0NPbzZrNFFwVEVMUVJmZDVmQmZBOWliS0dfVG9rZW46RmNKamJNWjBOb09EckR4VDNrOGNWZ1BJbkRkXzE3NjcwNzczMzg6MTc2NzA4MDkzOF9WNA" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Manage Your Groups**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FBNnyotGrayYjGyYGkgnp%2Fimage.png?alt=media&amp;token=ff2b5b98-b2d6-4da9-b2b0-abcdf442fe16" alt=""><figcaption></figcaption></figure>

**General** is the default group and contains all workspace agents. The default group is always listed first and cannot be archived.

Select a group to open its details. Depending on your permissions, you can:

* Edit the group name.
* Search workspace members by name or email and add them to the group.
* Remove a member from an active, non-default group. This does not remove the member from the workspace or other groups.
* Archive a non-default group.
* Restore an archived group.

Archived groups cannot be selected when adding members or sending new invitations
{% endstep %}
{% endstepper %}

## **Set Up Chat Settings**

If you manage multiple workspaces, switch the **global workspace** to configure chat settings separately for each one.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FZyCkWAVw6wzpC7Ma2ake%2Fimage.png?alt=media&amp;token=956616f2-aa58-4abc-ba68-9f2c6db46b08" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

### **Set Up Chat Assignment**

Administrators (Super Admin, Admin, Supervisor) can set the chat assignment mode to:

* **Automatic Assignment(Recommended):** Chats are evenly distributed to agents with online status. If all agents reach capacity, new chats go to the Unassigned Chats list for manual claim.
* **Manual Selection:** New chats enter the Unassigned Chats list. Agents receive notifications and can claim a chat to respond.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FLpPOfUc3UGF7GUoLQK86%2Fimage.png?alt=media&amp;token=a5037683-e6e7-4187-a264-6a68f69a7e52" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Change Default Customer Name**

You can customize the default customer name (e.g., *Customer*) for your workspace.<br>
{% endstep %}

{% step %}

### **Change Auto Welcome Message**

You can configure automated welcome messages sent to customers when a chat starts.<br>
{% endstep %}

{% step %}

### Enable **Pre-chat Form**

You can enable the pre-chat form to collect information before a customer starts a chat.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F54JGRUyHtpDTvilhNim6%2Fimage.png?alt=media&amp;token=30e45eee-a5b3-4899-b656-6ab39bfbc18b" alt=""><figcaption></figcaption></figure>

* **Information**: Customize the welcome message
* **Name**: Customize the label to collect customer names
* **Email**: Customize the label to collect email addresses
* **Group Selection**: Customize chat routing options based on the customer’s selection. You can route chats to different groups according to the options chosen by the customer. Click **Add Answer** to add multiple groups.

{% hint style="info" %}
It is super helpful if you have different skill group handling different customer requests.
{% endhint %}

* **Button**: Customize the button label (default: *Chat Now*)
* **Add Element**: Add additional form components

When disabled, the pre-chat form is hidden.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FYuzztJ75NUc3Fgq8KJ2A%2Fimage.png?alt=media&amp;token=f5350afe-381b-4102-810e-bf7c96d1c805" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **C**ustomize **Rating Form**

Enabled by default. When enabled, the rating button appears in both interfaces, and customers are prompted with a rating form after the chat ends.

* **Chat Rating**: Customize the rating prompt text
* **Rating Setting**: customize the rating system

1-5 point rating system: classify into five levels: Poor、Fair、Neutral、Good、Excellent.

1-3 point rating system: classify into three levels: Poor、Neutral、Excellent.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FRtKiBfTdiGojtk8fo8SG%2Fimage.png?alt=media&amp;token=e6fcce14-92fd-4cfa-afa0-307df154ebda" alt=""><figcaption></figcaption></figure>

When disabled, the rating button is hidden across both interfaces and the form submission is blocked.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FgX5OmAIG4rks5VsV7FrP%2Fimage.png?alt=media&amp;token=a33ca9ae-fc45-49ac-b121-ac3e641d1371" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Security**

You can choose how credit card numbers are displayed in chats.**Credit Card Masking Options**

* **Show credit card numbers in chats**: Displays full card numbers

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FJsiVZOwzuyEPUinMhliV%2Fimage.png?alt=media&amp;token=18be7534-9ffc-4f8a-b325-3638b8ecdb04" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FOwkyYCirpU7ttncUlqQi%2Fimage.png?alt=media&amp;token=b3c8c563-9bbb-4807-a4aa-f36c9365a08c" alt=""><figcaption></figcaption></figure>

* **Mask customer credit card numbers**: Masks all digits except the last four with “X”

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fwif37z3qPabf8n1Y5NA6%2Fimage.png?alt=media&amp;token=2ba76ac5-01f4-4162-b072-c30754eff218" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FHaH3XAx9qAzEuhnRQ04I%2Fimage.png?alt=media&amp;token=4916735d-def0-47bd-9785-456d83ce05cc" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## **Customize Your Chat Widget Appearance**

**Access: Settings → Chat Widget → Appearance**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FFyhqnMIm1lB15cQ0bpWB%2Fimage.png?alt=media&amp;token=abd36e2c-adce-4960-b75a-cdaf6ce9c16b" alt=""><figcaption></figcaption></figure>

### Chat Bubble

You can customize the chat entry icon displayed on your website in every workspace

**Options**

* Upload an image (JPG / JPEG / PNG, max 2MB)
* Choose from the built-in gallery

Uploaded images are automatically resized for display and applied to the preview.

### Theme Color

Set the primary color for the chat widget.

* Affects buttons and highlighted elements
* Supports preset colors and manual color input
* Invalid color input will not override the current color

### Brand Icon

Upload a brand icon used in the chat header and messages.

* Supported formats: JPG / JPEG / PNG
* Max size: 2MB
* Image is cropped into a circular shape

## **Deploy Your Chat Widget**

After completing all configurations, you can add the chat widget to your website.The widget supports:

* Popup chat window

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F8sQRfN6Rc61q4M6rzYTT%2Fimage.png?alt=media&amp;token=e221958b-367c-41ae-9f1f-1162a736e860" alt=""><figcaption></figcaption></figure>

* Full-screen chat window:

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FRw7S3nRPXSMcuM0mtZ5A%2Fimage.png?alt=media&amp;token=914afda5-a7d4-4e7b-9076-244ded2b69f7" alt=""><figcaption></figcaption></figure>

Copy your code to your developer team and embed the chat widget to your website.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FSAuYezTncSHhA231TQ5j%2Fimage.png?alt=media&amp;token=dd3775a3-3877-4557-8916-3180f22d0334" alt=""><figcaption></figcaption></figure>

Your developer team can follow [this article](/help-center/quick-start/install-chat-widget-on-your-website.md) to install the chat widget.

If you prefer not to embed the chat widget on your website, you can contact us(<support@kinochat.ai>) to obtain an external chat link instead.

## Speed Up Chatting

### Set Up Public Quick Reply

Public Quick Replies allow admins to define standardized response templates shared across the workspace.

#### Access

Settings → Public Quick Reply

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FQGFQZMd2tjWxZKFyZzCC%2Fimage.png?alt=media&amp;token=1bc8e1d8-3db8-4aeb-9d2f-c8eed9569508" alt=""><figcaption></figcaption></figure>

#### Create a Public Quick Reply

* Shortcut: required, single shortcut, max 20 characters
* Reply Content: required, text only, max 500 characters

#### Best Practices

* Use clear, descriptive shortcuts
* Keep replies policy-aligned and professional
* Avoid temporary or sensitive information

After you finish setting up, the agents can search/insert quick reply as chatting.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F7RQpRWb7WM8Au3D5fpQI%2Fimage.png?alt=media&amp;token=36010f14-bce0-46bd-b110-fd4695bd382b" alt=""><figcaption></figcaption></figure>

## Prioritize VIP Customers

### Set Up VIP Customer Routing

VIP Customer Routing allows admins to prioritize high-value customers by assigning them to VIP Agents first when available.

#### Configure VIP Customer Tiers

**Access**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FftbaXTtxU1CC1HfvJ3eE%2Fimage.png?alt=media&amp;token=344dc202-2d2f-4bb2-9f35-7e00abe214f9" alt=""><figcaption></figcaption></figure>

Settings → User Identity → User Segments

For each User Tier:

* Set a Priority Level (1–20)
* Enable the VIP toggle if the tier should be treated as VIP

#### Configure VIP Agents

**Access:**

Team → Agents

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F0J42rsFGKu60B3XalEkA%2Fimage.png?alt=media&amp;token=1271bc80-b824-4786-a3ec-28a745f69cdd" alt=""><figcaption></figcaption></figure>

Admins can enable the VIP Agent switch for selected agents within the current workspace.

#### How VIP Routing Works

* Conversations are still routed based on the pre-chat form configuration
* VIP customers will first attempt to be assigned to available VIP Agents within the matched group
* If no VIP Agent is available, the system automatically falls back to normal assignment logic

#### Best Practices

* Reserve VIP status for high-value customer tiers
* Ensure enough VIP Agents are available during peak hours
* Use consistent priority rules across user segments
* Regularly review VIP Agent workload and capacity

#### After Setup

VIP customers will automatically receive prioritized assignment during the conversation routing process.

## Set Up Automatic Away Mode

Automatic Away Mode helps prevent inactive agents from staying online for too long by automatically switching them to Away status after a period of inactivity.

This helps:

* Reduce ghost online agents
* Prevent incorrect chat assignments
* Keep queues moving smoothly
* Improve SLA accuracy

***

### Configure Automatic Away Mode

**Access**

Settings → Chat Settings → Agent Inactivity

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FeTznbQGjJHnlBPutwBHV%2Fimage.png?alt=media&amp;token=ab60125d-c01c-4c44-9840-ce230aa3280c" alt=""><figcaption></figcaption></figure>

**Configuration**

Enable Automatic Away Mode to allow KinoChat to automatically switch inactive agents to Away.

Admins can configure:

**Inactivity Timeout**

The amount of inactive time before the warning popup appears.

Limits:

* Min: 1 minute
* Max: 60 minutes
* Default: 5 minutes

**Warning Countdown**

The countdown duration shown before the agent is automatically switched to Away.

Limits:

* Min: 10 seconds
* Max: 300 seconds
* Default: 60 seconds

***

### How Automatic Away Works

When an agent stays inactive for the configured period:

1. KinoChat displays a warning popup

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fgdf3kokk6h3UXBZK7Ktf%2Fimage.png?alt=media&amp;token=779a5f5c-b0c6-4211-a2e0-0f66a0444633" alt=""><figcaption></figcaption></figure>

1. The countdown begins
2. If there is still no activity after the countdown
3. The agent is automatically switched to Away

Once switched to Away:

* The agent stops receiving new chats
* **Existing conversations remain active**
* The agent stays logged in

Agents can switch back to Active at any time using the status bar action.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FXioPUgeqiVr9AuweDIdz%2Fimage.png?alt=media&amp;token=038050c5-cff8-4fe9-89df-e0561e58a237" alt=""><figcaption></figcaption></figure>

***

### What Counts as Activity

The inactivity timer resets when the agent performs actions such as:

* Sending messages
* Typing in the input box
* Clicking within the page
* Switching conversations
* Editing the message input
* Returning focus to the page
* Keyboard input

### (Not Required) Set Up Away Reasons

Away Reasons help your team understand why an agent is currently away.

When Away Reasons are enabled, agents must select a reason when switching their status to Away. This gives supervisors better visibility into team availability without changing how chat assignment works.

Away Reasons do not affect routing or assignment. Agents in Away status will not receive new chat assignments, regardless of the selected reason.

#### Access

Settings → Agent Settings → Presence → Away Reasons

#### Configure Away Reasons

Admins can manage Away Reasons at the workspace level.

You can:

* Enable or disable Away Reasons
* Add custom Away Reasons
* Edit reason names and emojis
* Archive reasons that are no longer used
* Restore archived reasons
* Reorder reasons shown to agents

Archived reasons are removed from the agent selection list, but historical records will keep the original reason for future reference.

#### How Away Reasons Work

When Away Reasons are enabled:

1. An agent switches their status from Online to Away.
2. KinoChat asks the agent to choose an Away Reason.
3. The selected reason is shown in the agent status area and Team page.
4. The agent stops receiving new chat assignments while remaining logged in.

System-triggered Away status, such as Automatic Away Mode, may use a system-generated reason such as Inactive.

Agents can switch back to Online at any time when they are ready to receive new chats again.

## Announcement

You can use the announcement feature to send notifications, quickly reaching all agents or customers.

* At the workspace management view, you can send notifications across all workspaces
* At the workspace view, you can only send notifications within the current workspace

#### Create an announcement

Click “Create announcement” in the top right corner and complete the following fields:

* **Audience**
  * The target audience of the announcement (internal agents or customers)
* **Title & Description**
  * The main message you want to communicate to the selected audience
* **Notification type**

  * Silent Notification: Displayed only in the announcement panel on the agent side or in the widget feed

  <div><figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FYH5dD2cEuM8rPuH3SoRu%2Fimage.png?alt=media&amp;token=a07c0650-765f-45c4-aac5-9f59127f0f6b" alt=""><figcaption></figcaption></figure> <figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FAV9i9DY4o3YG3WsHpl0D%2Fimage.png?alt=media&amp;token=0d72a0ed-16dd-4019-9d30-d0713dcc8eb3" alt=""><figcaption></figcaption></figure></div>

  * Urgent Alert: Shown as a centered pop-up on the agent or widget side. Agents must click “Confirm” to continue

  <div><figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fpl63dUev4JHy4oV8I7eE%2Fimage.png?alt=media&amp;token=6e1521a6-7679-4b6e-b3d3-daa1dc2e39d7" alt=""><figcaption></figcaption></figure> <figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FMRWeGNCLwdcvtZ339BxK%2Fimage.png?alt=media&amp;token=b5ddad56-6d1e-4ac6-a71b-3492f17efc9d" alt=""><figcaption></figcaption></figure></div>
* **Target workspace(only at workspace management view)**
  * The workspace you want to send
* **Send date**
  * Send immediately
  * Schedule for later: select a time to send the announcement

You can save as a draft that can be edited again or publish.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fd5CNBZHThxIsBbUZOtVb%2Fimage.png?alt=media&amp;token=b441e787-aa83-41b0-b96a-19e446b45048" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2F7DPIg8GiaRUK2HHfVaUp%2Fimage.png?alt=media&amp;token=f011c723-a396-4199-b3fa-38419af5954e" alt=""><figcaption></figcaption></figure>

Then you can see the announcement you created in the table.

You can edit or delete announcements in draft status, and also archive published announcements.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fi4QNzSRLNvidoTauAfeU%2Fimage.png?alt=media&amp;token=a222265c-384e-4a57-a05a-ba4d148737a9" alt=""><figcaption></figcaption></figure>

#### View an announcement

Agents in the target workspace will receive the announcement when they log in to KinoChat.

* **Silent Notification**
  * Displayed only in the announcement panel on the agent side or in the widget side
  * **Only the latest three announcement will be displayed in the widget**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FyzoI2P34z7TDRqEB2qEz%2Fimage.png?alt=media&amp;token=8a596f05-68ce-42a8-b651-1fdf46c40ba7" alt="" width="339"><figcaption></figcaption></figure>

* **Urgent Alert**
  * Shown as a centered pop-up on the agent or widget side. Users must click Confirm or Got it to continue
  * In the widget side, all urgent Alerts are displayed as pop-ups in reverse chronological order. To ensure a good user experience, **limit the number of active announcements and archive outdated ones promptly.**

Also, agents can view published announcements in the Content section of the left-hand menu.

**If an announcement is archived, agents will no longer be able to view it in the list.**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fl6QgS60UujKkhSnz7KgK%2Fimage.png?alt=media&amp;token=009b721a-d612-462b-b312-c5768eb0c6b9" alt=""><figcaption></figcaption></figure>

## Review Closed Conversations

The Conversation workspace gives supervisors a dedicated place to search and review closed conversations.

It is separate from Agent Inbox. Agent Inbox is mainly used by agents for daily chat handling and short-term follow-up, while Conversation is used by supervisors for broader closed conversation review.

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fd38DaMj4xyYW2yKGVs4x%2Fimage.png?alt=media&amp;token=334b8e30-6487-4260-93bf-4164512e241d" alt=""><figcaption></figcaption></figure>

#### Access

Conversation

Only Supervisors and above can access the Conversation workspace.

#### What You Can Do

In Conversation, you can:

* Search closed conversations in the current workspace
* Filter conversations by date, group, agent, rating, and close reason
* Open a conversation to review full chat details
* Save frequently used filter combinations as My Views

#### Views

Views help you reuse common search conditions.

A View saves the filter conditions, not fixed results. Each time you open a View, KinoChat searches the latest conversations that match the saved filters.

Default views are created by the system and cannot be renamed or deleted.

My Views are created by you. You can rename, update, duplicate, or delete them.

## **Monitor Operations** <a href="#monitor-operations" id="monitor-operations"></a>

Operations is a top-level workspace for Supervisors, Admins, and Super Admins. It separates real-time operational monitoring from member configuration.

**Agent Status**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2Fb6vwFatMYV5dCREC8QXI%2Fimage.png?alt=media&amp;token=dbcae46f-5388-443f-9fbf-55f82c257e44" alt=""><figcaption></figcaption></figure>

Go to **Operations → Agent Status** to see whether agents can receive new chats.

| Status    | Meaning                                                                       | Can receive new chats |
| --------- | ----------------------------------------------------------------------------- | --------------------- |
| Available | The agent is online and below their active chat capacity.                     | Yes                   |
| Away      | The agent is not accepting new chats. An Away reason is shown when available. | No                    |
| Busy      | The agent is online and has reached or exceeded their active chat capacity.   | No                    |

**Online** describes login or connection status only. It does not mean that an agent can receive a new chat.

The page includes:

* Summary counts for Available, Away, and Busy.
* Filters for Group and Status.
* Agent, Status, Active chats, Last status change, and Action columns.
* Active chats displayed as current conversations against capacity, for example, **3 / 5**.
* Automatic updates, a Last updated timestamp, and a manual Refresh action.

Away reasons appear inside the Status field only when the agent is Away.

**Force logout**

Supervisors, Admins, and Super Admins can use **Force logout** from the Agent Status page. The action signs the agent out of active sessions across devices, browser tabs, and workspaces. The agent must sign in again to continue working.

Force logout is different from switching an agent to Away. Existing conversations continue to follow the workspace's current offline handling rules.

**Queue**

<figure><img src="https://2976469445-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUkkH3w9zlzlmQsm72WRO%2Fuploads%2FAIscViCaRafJAMDYqj6D%2Fimage.png?alt=media&amp;token=d0b3c7df-1a1b-4cf5-ae9d-4c2c32e3a81f" alt=""><figcaption></figcaption></figure>

Go to **Operations → Queue** to monitor conversations waiting to be assigned.

The summary displays:

* **Waiting** — Total conversations currently waiting. VIP conversations are included in this number.
* **Oldest wait** — The longest current waiting time. When there are no waiting conversations, this displays **-**.
* **Available agents** — Online agents below their active chat capacity.
* **Busy agents** — Online agents who have reached or exceeded their active chat capacity.

The Queue by group list displays **Group, Waiting, Oldest wait, Available, Away, and Busy**.

Select a group to expand its waiting conversations. The expanded list shows the Conversation, Customer, and Waiting time. VIP customers are identified with a VIP label; they do not use a separate queue and are not counted in addition to the Waiting total.

Queue data updates automatically. Waiting time increases while a conversation remains in the queue, and assigned or closed conversations are removed. A manual Refresh action and Last updated timestamp are also available.

## Contact Us

{% columns %}
{% column %}

### Chat With Us

<a href="https://customer.kinochat.ai/chat?businessUnitId=019b6ef2-bbb2-7574-987c-e9f3c0efd3d5" class="button primary">Chat Now</a>
{% endcolumn %}

{% column %}

### Email Us

<support@kinochat.ai>

We’ll be back in touch with you soon

<p align="center"></p>
{% endcolumn %}
{% endcolumns %}

Enjoy your chat journey with **KinoChat!** We are glad to hear your feedback!
