Live Chat Guide

How to Install and Configure tawk.to Live Chat

Learn how to install tawk.to live chat on your website, configure the widget, set up agents, test messages and improve customer enquiries.

πŸ’¬ Live chat β€’ ⚑ Quick install β€’ 🧠 Beginner friendly

Live chat can make it easier for visitors to ask questions while they are already on your website. For service businesses, ecommerce stores and hosting websites, that can mean fewer missed enquiries and faster answers for potential customers.

tawk.to is a popular live chat widget that can be added to many websites by pasting a JavaScript snippet into your site. This guide explains how to install it, configure the basics and use it properly without annoying visitors.

Quick answer: how do you add tawk.to to a website?

Create or log in to your tawk.to account, select the correct property, open the chat widget settings, copy the widget code and paste the JavaScript snippet into your website before the closing body tag.

After installing it, test the widget on desktop and mobile, set your greeting, configure offline messages and make sure notifications reach the right people.

Why add live chat to your website?

A visitor might not want to call, wait for an email reply or fill in a long form. Live chat gives them a quick way to ask a question while they are still interested.

More enquiries

Chat can help turn uncertain visitors into real enquiries.

Faster answers

Customers can ask simple questions without searching your whole website.

Useful insights

Common chat questions can show what your website should explain more clearly.

Step-by-step: install the tawk.to widget

  1. Log in to tawk.to. Create an account or sign in to your dashboard.
  2. Select the correct property. Make sure you are adding the widget for the right website.
  3. Open the chat widget settings. Find the administration/widget area for that property.
  4. Copy the widget code. This is the JavaScript snippet that loads the live chat widget.
  5. Paste the code into your website. Add it before the closing </body> tag on the pages where chat should appear.
  6. Save and publish. Open the live website and confirm the widget loads correctly.

Where should you place the widget code?

For a normal HTML or PHP website, the widget code is usually added before the closing </body> tag. If your site uses a shared footer file, adding the code there can load chat across the whole website.

For WordPress, the safest approach is usually to use the official plugin, a trusted header/footer code plugin or your theme’s approved script area, rather than editing theme files blindly.

Website Hosts UK

Want more enquiries from your website?

Live chat works best when your website is fast, secure and easy to use. Website Hosts UK provides business hosting, SSL, email and website tools for UK businesses.

Important settings to configure

Setting Why it matters
Greeting message Sets the tone and encourages visitors to start a conversation.
Offline form Lets visitors leave a message when nobody is available.
Business hours Helps set expectations about when you usually reply.
Agents/operators Makes sure the right people receive and answer chats.
Email notifications Prevents missed enquiries when you are away from the dashboard.
Widget position Prevents chat from covering important buttons, menus or mobile content.

Live chat best practices

  • Keep the greeting friendly and short.
  • Do not promise instant replies if you cannot provide them.
  • Use offline messages outside working hours.
  • Test the widget on mobile screens.
  • Make sure notifications go to an inbox you monitor.
  • Use common questions to improve your website content.
  • Do not let the widget cover contact buttons or checkout buttons.

What should your live chat greeting say?

The best greeting is simple and helpful. Avoid aggressive popups that interrupt visitors too quickly.

Example greeting

Hi, need help choosing the right hosting plan or setting up your website? Send us a message and we’ll point you in the right direction.

Common mistakes when adding live chat

  • Adding the widget but never monitoring messages.
  • Using a greeting that feels too pushy.
  • Forgetting to test mobile layout.
  • Not setting offline messages.
  • Letting chat cover important website buttons.
  • Not training staff on how to answer common questions.
  • Failing to update website content based on repeated chat questions.

Useful related resources

Business Hosting β†’

Reliable hosting for UK business websites.

Website Speed Test β†’

Check if your website is fast enough for visitors.

SSL Checker β†’

Check that visitors are using a secure HTTPS website.

Get More Enquiries β†’

Improve calls to action, forms and conversion points.

Final thoughts

Adding tawk.to live chat can make your website feel more helpful and approachable, but the widget is only useful if you configure it properly and respond to messages.

Treat live chat as part of your customer journey. Keep your website fast, make your services clear, test the chat widget regularly and use visitor questions to improve your pages.