Tidio

Integrating UserView with Tidio allows you to create a screen-sharing link within Tidio, enabling instant screen-sharing with a customer when they need help. Below, you can see how the screen-sharing link appears on the right-hand side of the chat panel.

To enable contact properties within Tidio, you need to add some extra code to your pages. Ensure that the contact property name you set up is identical to the property you add to the code. Below, we've used screen_share.

<script type="text/javascript">
(function() {
  function onTidioChatApiReady() {
    // Code after chat loaded
    Upscope('getWatchLink', function(link) {
      tidioChatApi.setContactProperties({
        screen_share: link,
      });
    });
  }
  if (window.tidioChatApi) {
    window.tidioChatApi.on("ready", onTidioChatApiReady);
  } else {
    document.addEventListener("tidioChat-ready", onTidioChatApiReady);
  }
})();
</script>

Code Explanation

Waits for the Tidio chat to load.
Uses the Upscope getWatchLink function to generate a unique URL for that user's screen, which you can use to screen share.

Now, for all new chats, you'll see a screen share link appear within the Tidio chat panel. Please be sure to refresh both Tidio and the client side if you're testing.

Tidio Chat Panel

When you're in a chat with a customer, you can copy and paste that screen sharing link into a new tab to begin screen sharing. By default, it will ask for permission. You can make changes to the messages and permissions within your settings.

Note

The screen sharing link is not a clickable link at present. We hope that Tidio will allow clickable links in the near future.

For further assistance, you can schedule a call by visiting UserView Demo.

Documentation

Tidio

Create Your Own Screen Sharing Link Within Tidio

Step 1: Add the Upscope JavaScript Snippet

Step 2: Create a New Contact Property

Step 3: Enable Contact Properties Within Tidio

Code Explanation

Note