How to Integrate Tawk.to Live Chat Feature in WordPress for Free

Are you developing a business site which delivers instant answers to the enthusiastic visitors? The online help desk is mostly useful in online selling sites i.e. e-commerce websites or online selling sites these days. Live chat can have a remarkable impact on your customer experience, your e-commerce conversion rates, and trustworthy relationship between customers and suppliers. Adding a live chat not only increases the potential customers but also improves the revenue of the business. If you are using WordPress platform, it’s quite easy to integrate live chat help-desk feature. In fact, in this tutorial, we will be talking about properly integrating live chat feature in WordPress using tawk.to plugin.

Before we begin, let’s get into the brief introduction on Tawk.to

Live Chat Feature in WordPress

What Really is Tawk.to ?

Tawk.to is an absolutely 100% free live chat application you can use for your any website. This awesome chat software/app lets you monitor and chat with guest users on your website.

Salient Features of Tawk.to

  • 100% Free: The plugin is 100% pure free. They don’t have any intention to charge you a single penny in the future also. So why bother paying to other complex help-desks software when you have Tawk.to?
  • Highly Customizable: You can use the chat feature on any custom page. You can also customize the chat color, size, fields, and many more. You choose wherever and whenever you like.
  • Dozens of integration: You can easily add tawk.to chat to any CMS or you can even use their API for custom use. It supports WordPress, Joomla, Magento, Opencart, Drupal, Shopify, and many more.
  • Unlimited Agents: There is no limit in adding agents you can share the site with. The agent can have their own login account. Meaning you can add unlimited agents with their very own accounts to help the site visitors.
  • Safe Data: The tawk.to team values user’s privacy. All the communication is hosted on the encrypted servers. So there is no chance that your conversation is recorded in anyway.
  • No Ads: Most free apps/software displays annoying ads when you use them. However, you don’t get to see any ads on tawk.to.
  • Real-Time Monitoring: You can also monitor the visitors on the real-time basis.
  • 24×7 Real Time Support: If you visit the official site of the tawk.to http://www.tawk.to you can get the live support from the support team anytime.

Integrate Tawk.to Live Chat Feature in WordPress

I think you’re already excited about adding Tawk.to live chat feature on your WordPress site. It’s quite easy to do so. We will learn how to add live chat feature WordPress using Tawk.to step by step.

Step 1: Register Your Free Account

The very first step is to create a account. You can create tawk.to account in less than 30 seconds. Go to www.tawk.to site, fill up the registration form, and hit the green Sign Up For Free button to create your free account. It’s easy as 1,2,3.

Live Chat Feature in WordPress

After signing up, they will send you a confirmation link to verify you are a living human rather than bots. So do not forget to check your inbox. Click on the confirmation link and sign in with your username and password. You will be redirected to the dashboard. This is where you talk with the website visitors when they message you and you have complete control over the customization of the live chat.

Step 2: Install and Activate the Plugin

From your Dashboard, go to Plugin  Add New. In the search keyword field, type tawk.to and hit enter. You’ll now see Tawk.to Live Chat plugin appearing with a little cute green parrot on it. Click on the Install button and activate the plugin.

Also Read:   Watermark Images with Image Watermark Plugin in WordPress

Live Chat Feature in WordPress

After activating the plugin, Go to Settings ⇒ Tawk.to and login with your email and password. You will now see the Tawkto Dashboard. You can customize the chat widget according to your preference.

Step 3: Add JavaScript Widget to your site

This is the final step. As mentioned earlier. Tawk.to can be used on any page or the every page of the site as well. There are, however, different callback functions you can preferably use on your site. Your choice which one to use.

For Tawk.to Widget

  1. Log in to the dashboard https://dashboard.tawk.to with your tawk.to account information.
  2. Click “Admin” on the top field.
  3. Add Property (your site name and site URL).
  4. Copy the Widget code and
  5. Add it to your site HTML (before the </body> tag)

That’s it.

Open your footer.php file and copy the following script right before </body> tag. The script looks something like this.

The Script

   var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
   (function(){
   var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
   s1.async=true;
   s1.src='https://embed.tawk.to/591c1asdfasf4f23d19a89b2741/default';
   s1.charset='UTF-8';
   s1.setAttribute('crossorigin','*');
   s0.parentNode.insertBefore(s1,s0);
   })();

Note: above script is just for illustration. So probably it wouldn’t work if you try to use on your website. Use your own script which you get from your dashboard.

This is it. If you double refresh your website, the Live Chat will most probably appear on the bottom left corner of the site. Login to your Tawk.to Dashboard to chat with the visitors. They will only see the online status on the site, if you are logged in on Tawk.to.

Live Chat Feature in WordPress

Wrapping Up

Generally, delivery of free live chat services are extremely helpful to the business, since they demonstrate these days that instant chat is a mandatory requirement on a quality business site. In contrast, there are premium chat services for the web application as well. They do offer the additional features, functionality and better user experience of a platform than the free chat but still tawk.to is globally leading on number of users and its reliability.

So this is how we integrate Tawk.to Live Chat Feature in WordPress without any cost with three simple steps. If you have any issue or query regarding this tutorial, ping your thoughts in the comment section below. And if this article helped you in anyway, do not forget to share with your friends.

The following two tabs change content below.

Prabin Parajuli

Tech-Blogger, Web Enthusiast
Prabin Parajuli is a Web Developer, Blogger, freelance writer, and a pet lover. He also loves to travel a lot.

Latest posts by Prabin Parajuli (see all)

Share This Post