How to integrate a VirtualUI online app site with Tawk (FREE live chat)

Thinfinity VirtualUI

Need to add an online chat to your web application?
If you are not considering the addition of a chat as a primary communication channel to your website and web-apps, think it twice. With the rise of personal chats like Telegram, Whatsapp and Facebook Messenger, people adopted this communication method. Mobiles are not a tool for calling anymore, instead of making phone calls, we type messages.
Modernize your business! Get on the wave and offer a live chat for your users and visitors. Customer service reps are still needed for most sales tasks and major support cases. But a quick chat may resolve most of your user’s inquiries and close a sale in minutes.

Are you ready to start? This tutorial will guide you on how to implement a Live Chat window using in Thinfinity VirtualUI. is a free messaging app to monitor and chat with the visitors on your website, mobile app or from any free customizable page.
You can have the chat box in all three “front” .html that the user will interact with:

  • the index.html (Where are all the applications are displayed),
  • the login.html (Where your users log in with their credentials)
  • the app.html (Where the application is displayed)

In order to do so, you need to add the following lines before the <body> tag of those files:
<!–Start of Script–>
<script type=”text/javascript”><br />
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();<br />
(function(){<br />
var s1=document.createElement(“script”),s0=document.getElementsByTagName(“script”)[0];<br />
s1.async=true;<br />
s1.src=’[Your_Tawk_Database]/default’;<br />
s1.charset=’UTF-8′;<br />
s1.setAttribute(‘crossorigin’,’*’);<br />
s0.parentNode.insertBefore(s1,s0);<br />
})();<br />
<!–End of Script–>
Check the line:
The code within “/” (“Your_Tawk_Database”) is unique for each account. It will be given to you by Tawk when you generate a new account.
This is an example using the “login.html” file:
Code Tawk Online Chat for web App
Once you modify these files, you should be able to see the icon on the bottom right side of the browser:
Tawk free live chat
Once you click on it, the chat interface will pop up:
Tawk Online Chat for web App
Have any questions? Contact us at [email protected] or leave a message on this same post.

Leave a comment

Privacy Preferences
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.