Documentation

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.

Code Explanation

  1. Waits for the Tidio chat to load.
  2. 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.

\n"}]}]},{"type":"section","id":"code-explanation","title":"Code Explanation","level":2,"link":"https://cobrowsingapi.com/docs/integrations/tidio#code-explanation","children":[{"type":"list","id":"list-0","children":[{"type":"list-item","id":"waits-for-the-tidio-chat-to-load","title":"Waits for the Tidio chat to load.","content":"Waits for the Tidio chat to load.","link":"https://cobrowsingapi.com/docs/integrations/tidio#code-explanation::li::waits-for-the-tidio-chat-to-load-waits","meta":{"raw":"**Waits for the Tidio chat to load.**"}},{"type":"list-item","id":"uses-the-upscope-getwatchlink-function","title":"Uses the Upscope `getWatchLink` function","content":"to generate a unique URL for that user's screen, which you can use to screen share.","link":"https://cobrowsingapi.com/docs/integrations/tidio#code-explanation::li::uses-the-upscope-getwatchlink-function-to-generate-a","meta":{"raw":"**Uses the Upscope `getWatchLink` function** to generate a unique URL for that user's screen, which you can use to screen share."}}],"meta":{"ordered":true}},{"type":"paragraph","id":"p-1","content":"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."},{"type":"paragraph","id":"p-2","content":"![Tidio Chat Panel](/docs/assets/integrations/integration_screenshots/tidio/tidio_3.png)"},{"type":"paragraph","id":"p-3","content":"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."},{"type":"callout","id":"note-the-screen-sharing-link-is-not","title":"Note","content":"The screen sharing link is not a clickable link at present. We hope that Tidio will allow clickable links in the near future.","link":"https://cobrowsingapi.com/docs/integrations/tidio#code-explanation::alert::note-the-screen-sharing-link-is-not-a","meta":{"calloutType":"disclaimer"}},{"type":"paragraph","id":"p-5","content":"For further assistance, you can schedule a call by visiting [UserView Demo](https://userview.com/demo)."}]}]},"https://cms-cdn.userview.com/www/data/docs-index-mkzu47n2-bf54438a.json":[{"slug":"getting-started/implementation-overview","title":"Implementation Overview","order":1,"categoryOrder":0,"segmentOrders":[0,1]},{"slug":"getting-started/invite-team","title":"Invite Your Team","order":2,"categoryOrder":0,"segmentOrders":[0,2]},{"slug":"getting-started/co-browsing-faq","title":"Co-Browsing FAQ","order":3,"categoryOrder":0,"segmentOrders":[0,3]},{"slug":"getting-started","title":"Getting Started","order":999,"categoryOrder":0,"segmentOrders":[0,999]},{"slug":"sdk/web/installation","title":"Installation","order":1,"categoryOrder":1,"segmentOrders":[1,1,1]},{"slug":"sdk/web/configuration-options","title":"Configuration Options","order":2,"categoryOrder":1,"segmentOrders":[1,1,2]},{"slug":"sdk/web/sdk-functions","title":"SDK Functions","order":3,"categoryOrder":1,"segmentOrders":[1,1,3]},{"slug":"sdk/web/listening-for-events","title":"Listening for Events","order":4,"categoryOrder":1,"segmentOrders":[1,1,4]},{"slug":"sdk/web/translations","title":"Multi-Language Support","order":5,"categoryOrder":1,"segmentOrders":[1,1,5]},{"slug":"sdk/web","title":"Web SDK","order":999,"categoryOrder":1,"segmentOrders":[1,1,999]},{"slug":"sdk/ios/installation","title":"Installation","order":1,"categoryOrder":1,"segmentOrders":[1,2,1]},{"slug":"sdk/ios/configuration-options","title":"Configuration Options","order":2,"categoryOrder":1,"segmentOrders":[1,2,2]},{"slug":"sdk/ios/sdk-functions","title":"SDK Functions","order":3,"categoryOrder":1,"segmentOrders":[1,2,3]},{"slug":"sdk/ios/listening-for-events","title":"Listening for Events","order":4,"categoryOrder":1,"segmentOrders":[1,2,4]},{"slug":"sdk/ios","title":"iOS SDK","order":999,"categoryOrder":1,"segmentOrders":[1,2,999]},{"slug":"sdk/android/installation","title":"Installation","order":1,"categoryOrder":1,"segmentOrders":[1,3,1]},{"slug":"sdk/android/configuration-options","title":"Configuration Options","order":2,"categoryOrder":1,"segmentOrders":[1,3,2]},{"slug":"sdk/android/sdk-functions","title":"SDK Functions","order":3,"categoryOrder":1,"segmentOrders":[1,3,3]},{"slug":"sdk/android/listening-for-events","title":"Listening for Events","order":4,"categoryOrder":1,"segmentOrders":[1,3,4]},{"slug":"sdk/android","title":"Android SDK","order":999,"categoryOrder":1,"segmentOrders":[1,3,999]},{"slug":"sdk/element-masking","title":"Element Masking","order":999,"categoryOrder":1,"segmentOrders":[1,999]},{"slug":"sdk/identifying-the-visitor","title":"Identifying the Visitor","order":999,"categoryOrder":1,"segmentOrders":[1,999]},{"slug":"sdk","title":"SDK Documentation","order":999,"categoryOrder":1,"segmentOrders":[1,999]},{"slug":"sdk/the-lookup-code","title":"The Lookup Code","order":999,"categoryOrder":1,"segmentOrders":[1,999]},{"slug":"setup/connect-saml","title":"How to Connect Your SAML Provider","order":999,"categoryOrder":2,"segmentOrders":[2,999]},{"slug":"setup/crm-embed","title":"Embedding UserView Agent view on Another Page Using an Iframe","order":999,"categoryOrder":2,"segmentOrders":[2,999]},{"slug":"setup","title":"Setup","order":999,"categoryOrder":2,"segmentOrders":[2,999]},{"slug":"setup/integrate-live-chat","title":"Integrate your Live Chat Platform","order":999,"categoryOrder":2,"segmentOrders":[2,999]},{"slug":"setup/on-premise","title":"On-premise","order":999,"categoryOrder":2,"segmentOrders":[2,999]},{"slug":"using-userview/initiate-session/userview-app","title":"UserView App","order":1,"categoryOrder":3,"segmentOrders":[3,1,1]},{"slug":"using-userview/initiate-session/lookup-code","title":"Lookup Code","order":2,"categoryOrder":3,"segmentOrders":[3,1,2]},{"slug":"using-userview/initiate-session/agent-request-button","title":"Request Agent Button","order":3,"categoryOrder":3,"segmentOrders":[3,1,3]},{"slug":"using-userview/initiate-session","title":"Initiating a Session","order":999,"categoryOrder":3,"segmentOrders":[3,1,999]},{"slug":"using-userview/initiate-session/troubleshooting","title":"Troubleshooting","order":999,"categoryOrder":3,"segmentOrders":[3,1,999]},{"slug":"using-userview/userview-session-basics","title":"UserView Session Basics","order":1,"categoryOrder":3,"segmentOrders":[3,1]},{"slug":"using-userview/audio-calls","title":"Browser-to-Browser Audio Calls","order":999,"categoryOrder":3,"segmentOrders":[3,999]},{"slug":"using-userview","title":"Using UserView","order":999,"categoryOrder":3,"segmentOrders":[3,999]},{"slug":"using-userview/multi-agent-session","title":"Multi-Agent Session","order":999,"categoryOrder":3,"segmentOrders":[3,999]},{"slug":"using-userview/picture-in-picture","title":"Picture-in-Picture","order":999,"categoryOrder":3,"segmentOrders":[3,999]},{"slug":"using-userview/session-recording","title":"Session Recording","order":999,"categoryOrder":3,"segmentOrders":[3,999]},{"slug":"integrations/intercom/setup","title":"Setup","order":1,"categoryOrder":999,"segmentOrders":[999,999,1]},{"slug":"integrations/intercom/adding-userview-to-your-intercom","title":"Adding UserView to your Intercom Sidebar","order":2,"categoryOrder":999,"segmentOrders":[999,999,2]},{"slug":"integrations/intercom/user-guide","title":"User Guide","order":3,"categoryOrder":999,"segmentOrders":[999,999,3]},{"slug":"integrations/intercom/troubleshooting","title":"Troubleshooting","order":4,"categoryOrder":999,"segmentOrders":[999,999,4]},{"slug":"customization/custom-request-button","title":"Build Your Own Request Button","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"customization","title":"Customization","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/chatra","title":"Chatra","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/drift","title":"Drift","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/freshchat","title":"Freshchat","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/front","title":"Front","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/helpscout","title":"HelpScout","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations","title":"Integrations","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/intercom","title":"Intercom","order":999,"categoryOrder":999,"segmentOrders":[999,999,999]},{"slug":"integrations/jivochat","title":"JivoChat","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/livechat","title":"LiveChat","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/olark","title":"Olark","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/reamaze","title":"Re:amaze","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/salesforce","title":"Salesforce","order":999,"categoryOrder":999,"segmentOrders":[999,999,999],"render":false},{"slug":"integrations/salesforce/salesforce-chat","title":"Salesforce Chat","order":999,"categoryOrder":999,"segmentOrders":[999,999,999]},{"slug":"integrations/salesforce/salesforce-crm","title":"Salesforce CRM","order":999,"categoryOrder":999,"segmentOrders":[999,999,999]},{"slug":"integrations/tawkto","title":"Tawk.to","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/tidio","title":"Tidio","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/trengo","title":"Trengo","order":999,"categoryOrder":999,"segmentOrders":[999,999]},{"slug":"integrations/zendesk","title":"Zendesk","order":999,"categoryOrder":999,"segmentOrders":[999,999]}]};