Home Website Live Chat How to Set Up Live Chat on Your Website

How to Set Up Live Chat on Your Website

Last updated on Apr 16, 2025

Akece's live chat lets you offer real-time support directly on your website—providing a fast, modern, and fully integrated customer service experience. This guide walks you through how to create the website inbox and configure all available settings.

Supported Browsers and Devices

Akece works with all major modern browsers. We recommend using up-to-date versions of the following:

Desktop browsers:

  • Mozilla Firefox: version 52 or later

  • Google Chrome / Chromium: version 57 or later

  • Apple Safari: version 14.1 or later

  • Microsoft Edge: version 16 or later

Mobile apps:

  • Android: version 5.0 or later

  • iOS: version 11.0 or later

How to Create a Website Channel (Website Inbox)

Step 1 – Start inbox setup

Go to Settings → Inboxes → Add Inbox
Select the Website option and click Configure.

Step 2 – Fill in your site information

You’ll be asked to provide the following:

  • Website name: a label to identify the inbox
    Example: Corporate Website

  • Website URL: the domain where the chat will be installed
    *Example: *https://www.example.com

  • Widget color: choose the color of the chat bubble/button

  • Welcome header: short greeting shown on the chat widget
    Example: Hi there 👋

  • Welcome message: supporting message below the header
    Example: We're here to help you with anything you need.

  • Optional auto-message:
    Example: Hello! How can we assist you today?

Enable or disable auto-sending of this message when the chat begins.

Click Create Inbox.

Step 3 – Add agents to the channel

Even if you’re the admin, you must add yourself as an agent to view and reply to conversations.

Select the desired agents and click Add Agents.

Step 4 – Add the widget to your website

In the final step, you’ll see a code snippet to embed on your site. Copy and paste it into your site’s main HTML file (usually inside the <head> tag).

You can click More Settings to adjust additional options or Go to Inbox to open the newly created channel.

Advanced Website Inbox Settings

From the Inboxes page, click the gear icon next to the inbox you want to configure. You’ll see the following tabs:

"Settings" tab

Here you’ll find extra options:

  • Auto-collect email: enabled by default. Displays a field asking for the visitor's email before starting a conversation.

  • Enable CSAT (Customer Satisfaction Survey): enables a rating survey when a conversation is closed. The results appear in the Reports section.

Click Update to save changes.

"Agents" tab

Add or remove agents from the inbox.
You can also enable auto-assignment of incoming conversations to available agents.

"Business Hours" tab

Activate “Set business availability for this inbox” if you want to limit support to fixed hours.

You can:

  • Define available days and times

  • Customize the offline message shown when support is unavailable

  • Choose your correct time zone

Click Update Business Hours to save.

"Pre-Chat Form" tab

This form collects information before a conversation starts.
You can request default fields like:

  • Name

  • Email

  • Phone number

For custom fields, create custom attributes first, then return here to use them.

Example greeting message:
Hi! Please fill out some quick info so we can help you better 🙂

Click Update to enable the form.

"Integration Code" tab

Here you can copy the chat widget code again if you need to reinstall it on your site.

"Widget Editor" tab

Customize the look and feel of your live chat widget. Change colors, text, and preview how the widget will appear on your site in real time.


With your live chat successfully configured, you're now ready to provide fast, direct support to your website visitors.

If you need help at any step, reach out to us:
📩 [email protected]
📱 @akece.ai

Next step: Connect social media and other messaging channels to complete your omnichannel support experience.