Layers
Classes
Variables
Popup Builder
Visibility Conditions
Figma to Kirki
Custom Code
Review and Publish
Layers
Classes
Variables
Popup Builder
Visibility Conditions
Figma to Kirki
Custom Code
Review and Publish

LiveChat

The LiveChat integration connects your website to LiveChat by adding the LiveChat widget to your site. Visitors can use the widget to start real-time conversations with your sales or support team.

What Is the LiveChat App

The Kirki LiveChat integration adds the LiveChat widget to your website so visitors can contact your team directly. This is useful for sales and support teams that manage customer conversations through LiveChat.

What Do You Need Before Connecting LiveChat

Before connecting LiveChat to Kirki, make sure you have:

  • An active LiveChat account.
  • Access to your LiveChat Chat Widget installation settings.
  • Your LiveChat License ID.

To add LiveChat to Kirki, copy your LiveChat License ID, install the LiveChat app in Kirki, paste it under Configure, and Save. 

How to Get Your LiveChat License ID

  1. Log in to your LiveChat account.
  1. Open the LiveChat settings at my.livechatinc.com.
  1. Go to Settings → Channels→ Install LiveChat

LiveChat installation settings highlight the manual installation option for websites.

  1. Locate the LiveChat installation code or widget settings.
  1. Copy the number after window.__lc.license =. This is your License ID

Note: The Copy Code button copies the whole installation snippet. Kirki only needs the License ID, which is the number after window.__lc.license = (for example, 12345678). Don’t paste the full snippet into Kirki.

LiveChat setup page displays manual installation instructions and a tracking snippet.

How to Install the LiveChat App in Kirki

  1. Log in to your WordPress dashboard.
  1. Go to Kirki → Apps.
  1. Locate LiveChat.
  1. Click Install and Configure.

How to Configure the LiveChat Integration

  1. Once installed, click the ellipsis (…) and select Configure.
  1. Paste your LiveChat License ID into the provided field and click Save Configuration.

Kirki Apps panel shows LiveChat widget settings configured for website integration.

Kirki will use the License ID to load the LiveChat widget on your website.

How to Test the LiveChat Integration

  1. Open your website in a browser.
  1. Confirm that the LiveChat widget appears.
  1. Open the widget and send a test message.

Published Kirki website displays a LiveChat customer support widget on homepage.

  1. Log in to the LiveChat Agent App.
  1. Go to Chats.

LiveChat inbox shows a sample conversation between customer and support agent.

  1. Confirm that the test conversation appears.

Was this page helpful?

Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.