DEV Community

Asim khan
Asim khan

Posted on

How to Add 100% Free Support Chat to Your Application with Tawk.to

Introduction

Providing support chat on your website or application can greatly enhance user experience by offering real-time assistance and quick answers to customer questions. Tawk.to is a free tool that allows you to easily add support chat functionality to your application or website without any additional costs. This guide walks you through each step to integrate Tawk.to with your site, customize the chat widget, and explore its free and paid features.

Image description

Step 1: Sign Up on Tawk.to

Visit Tawk.to: Go to Tawk.to and click Sign Up Free.
Complete Registration: Provide your email, name, and create a password.
Verify Your Email: If prompted, complete email verification to secure your account.

Step 2: Set Up Your Chat Widget

Log In to Tawk.to: After signing in, click Add Property to create a new property (typically, this is your website).

Enter Property Details:

Property Name: Typically, this is the name of your website.

URL: Add the URL for your website.

Category: Choose the relevant category for your website or application.

Complete Setup: Click Next and then Done to finalize the setup of your property.

Image description

Step 3: Get the JavaScript Code

Retrieve Widget Code: After setting up the property, Tawk.to will generate a JavaScript code snippet for the chat widget.
Copy Code: This code snippet will be added to your website’s HTML.

<!-- Start of Tawk.to Live Chat Script -->
<script type="text/javascript">
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/YOUR_UNIQUE_PROPERTY_ID/default';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!-- End of Tawk.to Live Chat Script -->

Enter fullscreen mode Exit fullscreen mode

Step 4: Add the Tawk.to Code to Your Website

For an HTML Website

Open HTML File: Access your website’s HTML file.
Insert Code: Paste the Tawk.to code snippet just before the closing

Top comments (0)