UserView Logo
    UserViewby Upscope

    Documentation

    JivoChat

    Here are the steps to integrate UserView with JivoChat.

    The objective is to create a screen-sharing link within JivoChat to instantly screen-share with a customer when they need help. Below, you can see how the screen-sharing link appears on the right-hand side of the JivoChat panel and is labeled "Start a screen share".

    JivoChat Screen Sharing Link

    Step 1: Add the Upscope JavaScript Snippet

    Add the Upscope JavaScript snippet to all the pages you wish to screen share on. You can find your Upscope snippet within your settings under Installation here.

    Allow clickable links within JivoChat by navigating to JivoChat » Settings » Channels and clicking on Integration settings for developers here. Then, enter https://upscope.io into the Safe Base Url field.

    To make the screen-sharing link appear within JivoChat, add the following code to your pages below the widget code:

    <script type="text/javascript">
  function jivo_onLoadCallback() {
    Upscope('getWatchLink', function(link) {
      jivo_api.setCustomData([
        {
          content: "Start a screenshare",
          link: link
        }
      ]);
    });
  }
</script>

    What Does This Code Do?

    1. It waits for JivoChat to load.
    2. It then uses the UserView 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 JivoChat panel. Please be sure to refresh both JivoChat and the client side if you're testing.