> For the complete documentation index, see [llms.txt](https://docs.cekat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cekat.ai/en/ai-and-platform/connected-platforms/web-livechat-inbox.md).

# Web Livechat Inbox

### How to connect a Web Livechat inbox

### **Step 1: Create a Web Livechat inbox**

1. Go to the Connect Platform page
   * Open the **Connect Platform** page from the **navbar** or the **Settings menu**.

     <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FDtQBATKrlIxOsA7y4cGa%2FScreenshot%202025-04-28%20at%2012.44.11%E2%80%AFPM.png?alt=media&#x26;token=511d80b5-0c49-4d24-b47c-792f3931c2a0" alt=""><figcaption></figcaption></figure>
2. Click the plus button to add a new inbox or platform
   * Click the **"+"** button to the right of **Inboxes** to add a new inbox or platform.

     <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FHca4UkUEpZsD1E5YgrSv%2FScreenshot%202025-04-28%20at%2012.45.50%E2%80%AFPM.png?alt=media&#x26;token=d81ff8d5-5f41-492f-90b0-34c2c3fbe226" alt=""><figcaption></figcaption></figure>
3. **Choose Web Livechat**

   * Select the **Web Live Chat** option.

   <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2F8uhqvbOxaSCypSQtbiL4%2FConnected%20Platform.jpg?alt=media&#x26;token=f412e5d3-20db-4b55-a2e9-c1dd22dd48e6" alt=""><figcaption></figcaption></figure>
4. **Set up your Web Livechat inbox**
   * Enter the following:
     * **Inbox name**
     * **Description**
     * **Division**
     * **Human agent**
5. **Add FAQs**
   * Enter the questions and answers you'd like customers to see as quick message shortcuts.
   * To add another FAQ, click **Add Question**.
6. **Add social links**
   * Add links to your social media, such as Instagram, Facebook or your business website.
   * To add another link, click **Add New Link**.
7. **Finish the setup**
   * Click **Finish**.
   * Your Web Livechat inbox now appears under **Connected Platform**.

### **Step 2: Add Web Livechat to your business website**

1. **Open WordPress to add a plugin**
   * Log in to your business website through **WordPress**.
   * Under **Plugins**, choose **Add New Plugin** on the left of the screen.
2. **Find and install the plugin**
   * Search for **"Simple Custom CSS and JS"**.
   * Click **Install Now**, then **Activate**.
3. **Set up the plugin**
   * On the **Plugins** page, find **Simple Custom CSS and JS** and click **Settings**.
   * Click **Add JS Code** at the top of the screen.
4. **Add the Web Livechat embed code**
   * Copy the **embed code** from the Web Livechat inbox you created earlier.
   * Paste it into the code field in the plugin.
   * Click **Publish** on the right of the screen to save it.
5. **Check it's working**
   * Open your business website to make sure Web Livechat appears and works as expected.

#### Still not sure about something? Watch the video tutorial below to see each step in action.

{% embed url="<https://youtu.be/sp6-9gxFyl0>" %}
