Upscope co-browsing can be integrated with Deskpro so that, when chatting to a user, you can see their screen in one click and begin co-browsing. 

The integration requires creating a new custom field in Deskpro and making some changes to the installation code.

Create a new custom field in Deskpro and take note of the ID by clicking 'Show IDs'. If it's the first custom field then the ID will be 1.

Choose "url" as the type of field

In order for the Upscope screen share link to appear within Deskpro, you need to wrap the Deskpro code in the Upscope Getwatchlink function as below.

<script type="text/javascript">

// add your unique Upscope installation code here which you
can find in your settings once you've signed up for an
Upscope account

(function(w, u, d){var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};var l = function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://code.upscope.io/youruniquecode.js';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(typeof u!=="function"){w.Upscope=i;l();}})(window, window.Upscope, document);

Upscope('init', {

});


// In order to make a screen share link appear in Deskpro, you wrap
 the deskpro code in the upscope getwatchlink function as below.
This will generate a unique screen sharing link for each user
who chats to you. Remember, you've already created a Screen share
field in the Deskpro admin interface and each custom field in Deskpro
 has a unique ID. In this case, the ID was 1. In the code below it
 says 1: link but if your Screen share ID was 2 then it needs to be
 changed to 2: link.

Upscope('getWatchLink', function(link) {
window.DESKPRO_WIDGET_OPTIONS = {
   "helpdeskUrl": "https:\/\/upscope.deskpro.com\/",

"chat": {
    "default_values": {
      "fields": {
        1: link
       }
     }
    },
};


var script = document.createElement('script');
script.src = 'https://upscope.deskpro.com/dyn-assets/pub/build/widget_loader.min.js';
script.id = 'dp-widget-loader';
document.body.appendChild(script);
});

</script>


Once this is done and you've started a fresh new chat, you'll see the screen share link appear within the 'fields' section of the chat interface.

Once you click the link, it will ask the customer for permission and begin the screen share session without any downloads or installs needed. It's securely limited to your own website on their browser. You can't see any of their private tabs or their desktop.

Not only can you see their screen but you can highlight what to click next... 

Or even scroll and click for them...


Let us know on our live chat if you have any questions.

Did this answer your question?