Tawk.to

Integrate Tawk.to with UserView

To integrate UserView with Tawk.to, follow these steps:

1. Paste the UserView code on the same pages as the Tawk.to code.
2. Add the following function to those pages:

   Tawk_API.onLoad = function() {
       Upscope('getWatchLink', function(link) {
           Tawk_API.setAttributes({
               'Screenshare': link
           }, function(error) {});
       });
   };
   

You can find the UserView code within your UserView account settings under Installation instructions.

Your unique Tawk.to code snippet can be found when you first sign up or log into Tawk.to and navigate to Settings at the bottom left of their interface.

The Tawk.to snippet and the additional function will combine to look like this:

<!--Start of Tawk.to 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/YourTawktoUniqueCode/default';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
})();

Tawk_API.onLoad = function() {
    Upscope('getWatchLink', function(link) {
        Tawk_API.setAttributes({
            'Screenshare': link
        }, function(error) {});
    });
};
</script>

Test Your First Screen Sharing Session

Once you've added the Tawk.to snippet, the extra function, and the UserView snippet on your site, you're ready to test it out.

• Create your first test chat.
• Tawk.to will notify you of the incoming chat.
• Open Tawk.to and click on the individual incoming customer chat; you'll see a Screenshare link appear in the panel on the right-hand side.
• This is your one-click interactive screen sharing link that takes you directly to the customer's browser.