Setup Guide
Follow these really easy steps to install LiveChat on your website.
Follow these really easy steps to install LiveChat on your website.
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
![GTM shots 1](GTM/1.png)
Step 3.
Click on New Tag
![GTM shots 2](GTM/2.png)
Step 4.
Click on “Choose a tag type to begin set-up”
![GTM shots 3](GTM/3.png)
Step 5.
Click on Custom HTML for adding the live chat code
![GTM shots 4](GTM/4.png)
Step 6.
Once you have setup tag configuration then click on Triggering section and select your trigger (All Pages – Page Views)
![GTM shots 5](GTM/5.png)
Step 7.
Once you have setup the tag and the trigger, click here to Generate Code
![GTM shots 6](GTM/6.png)
Step 8.
Click on SUBMIT button to publish the changes. Now the tags may start working, visit your website and confirm.
![GTM shots 7](GTM/7.png)
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.
![Live Chat Visual Guide](./assets/images/live-chat-visual-guide.webp)
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.
Choose Your Smooth and Morden
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.
![Color Picker](./assets/images/color-options.jpg)
Customized Greetings:
Ensure the best customer experience by adding your text for display and the time span you would like to set for the widget popup.
![](./assets/images/greeting-chat-1.jpg)
Customized Greetings Based On Conditions:
We can set up as many custom greeting per website as we like based on the condition filters given below.
![](./assets/images/greeting-chat-2.jpg)
Eyecatcher Gallery:
For those not aware about your website having chat option, eye-catchers help you grab their attention.
![](EyeCatcher PNG/1.png)
101
001
![](EyeCatcher PNG/2.png)
102
002
![](EyeCatcher PNG/3.png)
103
003
![](EyeCatcher PNG/4.png)
104
004
![](EyeCatcher PNG/5.png)
105
005
![](EyeCatcher PNG/6.png)
106
006
![](EyeCatcher PNG/7.png)
107
007
![](EyeCatcher PNG/8.png)
108
008
![](EyeCatcher PNG/9.png)
109
009
![](EyeCatcher PNG/10.png)
110
010
![](EyeCatcher PNG/11.png)
111
011
![](EyeCatcher PNG/12.png)
112
012
![](EyeCatcher PNG/13.png)
113
013
![](EyeCatcher PNG/14.png)
114
014
![](EyeCatcher PNG/15.png)
115
015
![](EyeCatcher PNG/16.png)
116
016
![](EyeCatcher PNG/17.png)
117
017
![](EyeCatcher PNG/18.png)
118
018
![](EyeCatcher PNG/19.png)
119
019
![](EyeCatcher PNG/20.png)
120
020
![](EyeCatcher PNG/21.png)
121
021
![](EyeCatcher PNG/22.png)
122
022
![](EyeCatcher PNG/23.png)
123
023
![](EyeCatcher PNG/24.png)
124
024
![](EyeCatcher PNG/25.png)
125
025
![](EyeCatcher PNG/26.png)
126
026
![](EyeCatcher PNG/27.png)
127
027
![](EyeCatcher PNG/28.png)
128
028
![](EyeCatcher PNG/29.png)
129
029
![](EyeCatcher PNG/30.png)
130
030
![](EyeCatcher PNG/31.png)
131
031
![](EyeCatcher PNG/32.png)
132
032
![](EyeCatcher PNG/33.png)
133
033
![](EyeCatcher PNG/34.png)
134
034
![](EyeCatcher PNG/35.png)
135
035
![](EyeCatcher PNG/36.png)
136
036
![](EyeCatcher PNG/37.png)
137
037
![](EyeCatcher PNG/38.png)
138
038
![](EyeCatcher PNG/39.png)
139
039
![](EyeCatcher PNG/40.png)
140
040
![](EyeCatcher PNG/41.png)
141
041
![](EyeCatcher PNG/42.png)
142
042
![](EyeCatcher PNG/43.png)
143
043
![](EyeCatcher PNG/44.png)
144
044
![](EyeCatcher PNG/45.png)
145
045
![](EyeCatcher PNG/46.png)
146
046
![](EyeCatcher PNG/47.png)
147
047
![](EyeCatcher PNG/48.png)
148
048
![](EyeCatcher PNG/49.png)
149
049
![](EyeCatcher PNG/50.png)
150
050
![](EyeCatcher PNG/51.png)
151
051
![](EyeCatcher PNG/52.png)
152
052
![](EyeCatcher PNG/53.png)
153
053
![](EyeCatcher PNG/54.png)
154
054
![](EyeCatcher PNG/55.png)
155
055
![](EyeCatcher PNG/56.png)
156
056
![](EyeCatcher PNG/57.png)
157
057
![](EyeCatcher PNG/58.png)
158
058
![](EyeCatcher PNG/59.png)
159
059
![](EyeCatcher PNG/60.png)
160
060
![](EyeCatcher PNG/61.png)
161
061
![](EyeCatcher PNG/62.png)
162
062
![](EyeCatcher PNG/63.png)
163
063
![](EyeCatcher PNG/64.png)
164
064
![](EyeCatcher PNG/65.png)
165
065
![](EyeCatcher PNG/66.png)
166
066
![](EyeCatcher PNG/67.png)
167
067
![](EyeCatcher PNG/68.png)
168
068
![](EyeCatcher PNG/69.png)
169
069
![](EyeCatcher PNG/70.png)
170
070
![](EyeCatcher PNG/71.png)
171
071
![](EyeCatcher PNG/72.png)
172
072
![](EyeCatcher PNG/73.png)
173
073
![](EyeCatcher PNG/74.png)
174
074
![](EyeCatcher PNG/75.png)
175
075
![](EyeCatcher PNG/76.png)
176
076
![](EyeCatcher PNG/77.png)
177
077
![](EyeCatcher PNG/78.png)
178
078
![](EyeCatcher PNG/79.png)
179
079
![](EyeCatcher PNG/80.png)
180
080
![](EyeCatcher PNG/81.png)
181
081
![](EyeCatcher PNG/82.png)
182
082
![](EyeCatcher PNG/83.png)
183
083
![](EyeCatcher PNG/84.png)
184
084
![](EyeCatcher PNG/85.png)
185
085
![](EyeCatcher PNG/86.png)
186
086
![](EyeCatcher PNG/87.png)
187
087
![](EyeCatcher PNG/88.png)
188
088
![](EyeCatcher PNG/89.png)
189
089
![](EyeCatcher PNG/90.png)
190
090
![](EyeCatcher PNG/91.png)
191
091
![](EyeCatcher PNG/92.png)
192
092
![](EyeCatcher PNG/93.png)
193
093
![](EyeCatcher PNG/94.png)
194
094
![](EyeCatcher PNG/95.png)
195
095
![](EyeCatcher PNG/96.png)
196
096
![](EyeCatcher PNG/97.png)
197
097
![](EyeCatcher PNG/98.png)
198
098
![](EyeCatcher PNG/99.png)
199
099
![](EyeCatcher PNG/100.png)
200
100
![](EyeCatcher PNG/101.png)
201
101
![](EyeCatcher PNG/102.png)
202
102
![](EyeCatcher PNG/103.png)
203
103
![](EyeCatcher PNG/104.png)
204
104
![](EyeCatcher PNG/105.png)
205
105
![](EyeCatcher PNG/106.png)
206
106
![](EyeCatcher PNG/107.png)
207
107
![](EyeCatcher PNG/108.png)
208
108
![](EyeCatcher PNG/109.png)
209
109
![](EyeCatcher PNG/110.png)
210
110
![](EyeCatcher PNG/111.png)
211
111
![](EyeCatcher PNG/112.png)
212
112
![](EyeCatcher PNG/113.png)
213
113
![](EyeCatcher PNG/114.png)
214
114
![](EyeCatcher PNG/115.png)
215
115
![](EyeCatcher PNG/116.png)
216
116
![](EyeCatcher PNG/117.png)
217
117
![](EyeCatcher PNG/118.png)
218
118
![](EyeCatcher PNG/119.png)
219
119
![](EyeCatcher PNG/120.png)
220
120
![](EyeCatcher PNG/121.png)
221
121
![](EyeCatcher PNG/122.png)
222
122
![](EyeCatcher PNG/123.png)
223
123
![](EyeCatcher PNG/124.png)
224
124
![](EyeCatcher PNG/125.png)
225
125
![](EyeCatcher PNG/126.png)
226
126
![](EyeCatcher PNG/127.png)
227
127
![](EyeCatcher PNG/128.png)
228
128
![](EyeCatcher PNG/129.png)
229
129
![](EyeCatcher PNG/130.png)
230
130
![](EyeCatcher PNG/131.png)
231
131
![](EyeCatcher PNG/132.png)
232
132
![](EyeCatcher PNG/133.png)
233
133
![](EyeCatcher PNG/134.png)
234
134
![](EyeCatcher PNG/135.png)
235
135
![](EyeCatcher PNG/136.png)
236
136
![](EyeCatcher PNG/137.png)
237
137
![](EyeCatcher PNG/138.png)
238
138
![](EyeCatcher PNG/139.png)
239
139
![](EyeCatcher PNG/140.png)
240
140
![](EyeCatcher PNG/141.png)
241
141
![](EyeCatcher PNG/142.png)
242
142
![](EyeCatcher PNG/143.png)
243
143
![](EyeCatcher PNG/144.png)
244
144
![](EyeCatcher PNG/145.png)
245
145
![](EyeCatcher PNG/146.png)
246
146
![](EyeCatcher PNG/147.png)
247
147
![](EyeCatcher PNG/148.png)
248
148
![](EyeCatcher PNG/149.png)
249
149
![](EyeCatcher PNG/150.png)
250
150
![](EyeCatcher PNG/151.png)
251
151
![](EyeCatcher PNG/152.png)
252
152
![](EyeCatcher PNG/153.png)
253
153
![](EyeCatcher PNG/154.png)
254
154
![](EyeCatcher PNG/155.png)
255
155
![](EyeCatcher PNG/156.png)
256
156
![](img/1-1.png)
256
156
![](img/1-2.png)
257
157
![](img/1-3.png)
258
158
![](img/1-4.png)
259
159
![](img/1-5.png)
260
160
![](img/1-6.png)
261
161
![](img/1-7.png)
262
162
![](img/2-1.png)
263
163
![](img/2-2.png)
264
164
![](img/2-3.png)
265
165
![](img/2-4.png)
266
166
![](img/2-5.png)
267
167
![](img/2-6.png)
268
168
![](img/2-7.png)
269
169