How to add Tawk.to live chat to your website, step by step

When you visit websites, you often see live chat boxes. Have you ever wondered how to integrate Tawk.To into a website ? If you are unsure how, read on. This article from MONA Media gives you a clear and accurate answer.

About the Tawk.To app

Tawk.To is one of the most widely used live chat apps. It lets you talk with website visitors directly through chat messages, without asking for their email, phone number or personal SMS. It is commonly built into e-commerce websites, travel websites and more.

With Tawk.To, you can answer customers' questions and requests quickly and easily. That is why how to integrate Tawk.To into a website is a popular choice for many businesses.

In detail, the basic features of Tawk.To include:

• Tracks customer traffic and shows exactly which regions have the most customers asking for advice.
• Tawk.to live chat supports 27 common languages.
• Includes more than 1,800 distinctive stickers and emojis.
• Lets you start conversations with website visitors and app users, using a chat box and automatic invitations that appear when a visitor arrives.
• Auto-reply lets you respond to customers at any time, quickly and professionally.
• Quick replies using shortcuts you set up yourself.

• Works with every kind of website platform, from WordPress, Joomla, Magento,…
• Tawk.To has mobile and desktop versions, so you can manage conversations anywhere, any time.
• Convenient video call and voice call features give customers a more personal, trustworthy experience.
• You can customise the widget visitor chat box to suit your website best.
• You can send files and images quickly by uploading directly from your computer.
• WordPress Tawk.To encrypts information and has strong security, keeping your conversations with customers fully safe.
• Beyond that, Tawk.To The app has many other great features too, and you will see them as you use it.

How to register a Tawk.To account

To register a Tawk.to account, follow these steps:

Step 1: Go to website tawk.to to register

Step 2: Set up a new account

Once you are on the website, you will see the phrase “Sign Up” in the top right corner of the menu. Click it to create a new account. If the site isn't in Vietnamese yet, click the language box at the top to change it.

Step 3: Fill in the details as instructed

Fill in your name, email and password in the form, then click “sign up for free” to finish.

Step 4: Confirm your account

After you submit your details, you will get an email asking you to verify. Check your mail and choose “Confirm email address” to confirm your email.

How to log in and integrate Tawk.To into your website

Once your account is activated, you can leave if you don't need it yet. When you want to log in, choose your language, enter your email and password, and you are in.

Right after registering, you are taken to a page to set up your account. Here is what you need to do:

Set the chat box to Vietnamese

Tawk.to usually defaults to English. Switch to Vietnamese so it suits your customers better.

To change the language in the Tawk.to app, do this:

• Step 1: Go to Administration (the gear icon).
• Step 2: Choose Default => Go to the Widget content section in the right-hand column.
• Step 3: Choose Vietnamese.

If you want your own wording, click the pen icon in the box on the right to edit it.

Create a new widget for your website

To create a new widget, follow these steps:

• Step 1: Click Administration.
• Step 2: Click “+Add”.
• Step 3: Enter the website name and the URL of the website you want to add.
• Step 4: Click “To create” to finish.

How to integrate Tawk.To into your website

There are 2 ways to integrate Tawk.to into your website:

Method 1: Paste the widget code into your website

• Step 1: Go to Administration.
• Step 2: Copy the content in the “Widget code”.
• Step 3: Go to your website's dashboard, then Appearance >> Editor, choose the file Footer.php in the left-hand menu and paste it just before the closing </body> tag on your website.
• Step 4: Click to close the dialog.

To check that the live chat box is on your website, just F5 reload the site or press Ctrl + Shift + R, and you will see the chat box in the tawk.to bottom right corner of the page.

Method 2: Integrate Tawk.To into a WordPress website

On WordPress, setup is simple with a plugin:

• Step 1: Log in to your website and search for tawk.to.
• Step 2: When the suggestion appears, click “Install Now”.
• Step 3: After installation, go to Setting => tawk.to in the WordPress dashboard to set the parameters, with the email and password you registered earlier. Then click “Sign in”.
• Step 4: Enter your website name and choose the widget “default” box and select “Use selected widget”.

You can leave the other settings at their defaults or adjust them as you need. Once setup is done, the live chat box appears in the bottom right corner of the screen.

How to chat with customers through Tawk.To

For conversations between customers and admins through Tawk,to, keep these points in mind:

The Tawk.to chat interface.

• Customers: They can send messages to the admin in the chat box at the bottom right of your website.
• Admin: You can chat with customers directly on the website, or in the tawk.to software installed on your computer.

How the chat box with Tawk.to integrated into your website works:

• When a customer opens the chat box and sends a message, the admin gets a notification with a bell and the message appears in the bottom right corner of the screen.
• When you open tawk.to on your computer, you will see the people chatting with you as a list of ID numbers. Click “Tham gia” at the bottom of the chat box to start the conversation.

How to add a customer info form before chat starts

B1: After logging in to Tawk.to, go to Setting.

Go to settings after logging in to Tawk.to

B2:  Choose the Property you want to add the form to.

Choose the property to add the form to.

Next, you can choose one of these 2 methods:

• Method 1:

• Method 2:

Basic features of the software tabs

To use the live chat tool comfortably, you need to know what the main tabs in the software do:

Dashboard

Dashboard shows you all activity on your account. The left column lists the conversations you are in. The gear icon at the top right of the dashboard turns notifications on and off. To follow the dashboard more easily, switch the language to Vietnamese.

Monitoring

Monitoring is a tab you will use a lot, so get to know it. With Monitoring on, you can see how many people are on your website right now and which pages they are on. Once you know where they are, you can click their ID and start a conversation yourself.

Messages

Just like Zalo or Messenger, the messages you haven't read or answered are kept and shown in bold black. Messages you have read show in light grey, so they are easy to tell apart.

Reports

Reports tab gives you detailed statistics on everything your account has done, including volume, chat time, messages and more.

Tab admin

Tab admin lets you set parameters and content easily and manage them better. You should also look at shortcuts, code boxes, widgets and so on, so tawk.to works as well as it can for you.

With so many useful features, integrating Tawk.to into your website is well worth doing. Setting it up and using it isn't simple though, especially for beginners. But don't worry! Website Optimisation Service from MONA will help you!

With experience over 10 years in building and developing websites, MONA understands what affects website quality and has solutions to optimise your site as a whole. 

MONA's website optimisation service gives you benefits such as:

• SEO-friendly design, an attractive interface and a better user experience.
• Custom-built features that keep users engaged.
• Faster loading speed and stronger website security.
• …

And many more useful features are waiting for you to discover. Please CONTACT US with MONA via Hotline 1900 636 648 for detailed advice.

That is the detailed guide to using and integrating Tawk.to into your website. We hope that with these tips from MONA, you can set up tawk.to easily and get the most from what this tool offers your website. Good luck!