Setup Guide

Follow these really easy steps to install LiveChat on your website.

Enter Domain & Generate Code

LiveChat custom integration on your website

For manual integration of the live chat code into your website, insert the code generated above on each webpage right before the closing </body> tag. After updating the code, simply refresh the page, and you can view the live chat window on your website.

This custom installation method allows live chat code to be installed on any platform that supports JavaScript.

Note: If you don't have an in-house team of developers to add live chat to your website, our team can install it for you. Please fill out the request form below, and our team will get back to you to handle your request.

LiveChat Setup for WordPress Websites

Use this integration guide to place the live chat function on your WordPress website.

Plugin Installation:

Note: This plugin is just an example among many others. If there's already a "Header & Footer Script" plugin, that should work too.

Log in to your WordPress site.
Go to Plugins > Add new.
Search for "Header and Footer Scripts".
Click "Install Now" and activate the plugin.
Go to Settings > Header and Footer Scripts.
Click here to Generate Code
Add the copied code in footer section (load before closing body tag)
Once the code is set, click "Save Settings" and reload the page to see the chat window.

GTM LiveChat Installation Guide

Step 1.

Go to tagmanager.google.com and sign in

Step 2.

Select your container

Step 3.

Click on New Tag

Step 4.

Click on “Choose a tag type to begin set-up”

Step 5.

Click on Custom HTML for adding the live chat code

Step 6.

Once you have setup tag configuration then click on Triggering section and select your trigger (All Pages – Page Views)

Step 7.

Once you have setup the tag and the trigger, click here to Generate Code

Step 8.

Click on SUBMIT button to publish the changes. Now the tags may start working, visit your website and confirm.

Features

Unleash the full potential of your chats with our comprehensive range of integrations, streamlining your communication across multiple platforms.

Facebook Messenger Integration

We can also generate leads from your Facebook Page messages just like the website chats. The integration process is super simple.

Step 1: Provide admin access to your FB page to our user fb.integrations@livechatlog.com.

Step 2: Kindly send us a friend request to our user "Livechatlog Integrations" fb.integrations@livechatlog.com.

Step 3: Once you have given us access, please fill out the form below, and our team will get back to you to handle your request.

Google Business Profile Chats Integration

With Google’s Business Messages feature, visitors can chat with your business via Google Business Profile & Maps app. Our agents can chat with these visitors on your behalf, collecting valuable lead info in the process.

Here's how you can integrate your Google Business Profile with our LiveChat.

Login to your Livechatlog dashboard.
Once logged in, go to https://livechatlog.com/v2/gmb-setting
Log in to your GMB profile and select the location in Step 2.
Once you have given us access, please fill out the form below, and our team will get back to you to handle your request.

Live Call Connect

Connect Visitors Directly With Live Call Connect Our unique capability to connect visitors directly to your office by phone from within the chat (this increases your conversion rate by eliminating email and telephone tags).
Here's how our Live Call Connect feature works:

A visitor arrives at your website.
Our live agent captures the visitor's lead information and requirements.
At the end of the chat conversation, our live agent politely inquires if the visitor intends to connect with your office staff immediately.
Upon agreement, we initiate a call to your office.
As soon as a staff member answers the call at your office, another call is simultaneously dialed to the visitor's number, effectively connecting both parties.

Please note that whenever a VM/IVR plays on a call, the visitors are most likely to hang up as they're expecting a conversation with a real person/staff member only. So we recommend always enabling the live call connect feature on a number with a real person available to answer that line.

To activate the feature, please fill out the request form below, and our team will get back to you to handle your request.

Google Analytics Integration

Using our Google Analytics integration, you can easily collect live chat related data and log it in on your GA4 account.

LiveChat and Google Analytics integration is based on GA Events. When a visitor performs an action related to an interaction with LiveChat, the data is pushed to your Google Analytics account via the Analytics JavaScript. Events are being passed with Category, Action, and Label attributes – each corresponding to different information. This integration can collect the following information:

Automated greeting - every time a visitor is sent a greeting.
Chat - when the chat starts.
LiveChat_Leads - when a qualified lead is captured.

How To Integrate Live Chat with GA4:

Step: 1

We need the following information of your GA4 account in order to integrate it with our LiveChat:

Measurement ID
Secret Value Key

Here's an explainer video on how to get the above IDs from your GA account: https://www.screencast.com/t/2R3vtmD6X Once we add these at our backend, the data will start posting in your Events section as "LiveChat_Leads".

Step: 2

Now you will have to mark this event as a conversion under your Admin>Events section.

Step: 3

Update the following settings in order to track the complete journey of leads in your Google Analytics:

Go to the Admin section
Under Reporting Identity, please choose reporting type as "Device-based"

To activate the feature, please fill out the request form below, and our team will get back to you to handle your request.

Direct Chat Link

When you interact with customers outside your website, whether through newsletters or social media posts, make sure it’s not a one-way relationship. Make yourself accessible by sharing a direct link to your chat.

The link lets your customers access your chat instantly. Doesn’t matter if they have any questions or just want to get to know you and your business better. Remember that well-informed customers make for more confident buyers.

Share your chat page link on social media:

Your website is not the only place where people can find you. Don’t overlook the opportunity to connect with them through all other channels you are using. Share the chat page link on social media, add it to your mail signature, and include it in your newsletter campaigns to let customers contact you without always visiting your website.

Get personal with your email marketing campaigns:

Add the chat page link to newsletters to get closer to your audience and show that there’s a real person behind the product. Instead of just you talking, give customers a chance to share their feedback too. Such small additions can make a huge impact on your customer engagement.

Get your chat page link

Look & Feel

Chat Window Customization Options

Play a little with colors and text from these tweak options. Design your awesome chat window!

Share your color and design preferences with our Support team from the available options. We'll set it up accordingly.

Choose Your Chat Window Theme:

Depending on the overall mood of your website, go with any of these chat window themes.

Desktop
Mobile

Smooth Desktop Maximized

Smooth Desktop Minimized

Smooth Mobile Maximized

Smooth Mobile Minimized

Desktop
Mobile

Modern Desktop Maximized

Modern Desktop Minimized

Modern Mobile Maximized

Modern Mobile Minimized

Pick Your Color:

Choose any color from what this universe has to offer, share its HEX/RGB/CMYK code, and we know the rest.

We'll set it up in a way that it matches the primary color theme used on your site. If there's some other color that you would like to have in place, let us know the HEX code.