How It Works
Co-Browsing API allows one person (the Agent) to view the screen of another person (the Visitor) in real-time.
Key Concepts
Visitor
The person whose screen is being shared. The Visitor has the SDK installed on their web page or app, and their screen is captured and streamed to the Agent.
Agent
The person viewing the Visitor's screen. Agents typically access the session through your dashboard or a custom integration using the REST API.
Session
A screen sharing session between one Visitor and one or more Agents. Sessions are temporary and end when either party disconnects.
Integration Steps
1. Install the SDK
Add the SDK to the pages or app screens you want to be shareable. See the SDK documentation for platform-specific installation guides.
2. Identify the Visitor
To connect an Agent to a specific Visitor, you need a way to identify them. You have several options:
| Method | Description |
|---|---|
| Short ID | Get the Upscope-generated ID via Upscope('getShortId') and pass it to your Agent-side code |
| Unique ID | Use your own identifier (e.g., user ID from your database) by passing it as uniqueId |
| Integration ID | Use an ID from another platform (e.g., Intercom, Zendesk) via integrationIds |
| Lookup Code | Have the Visitor read a 4-digit code to the Agent over the phone |
If you are using anything other than the Short ID to identify the Visitor, first use the search endpoint to get their Short ID.
3. Start a Session
Once you have a Visitor identifier, create a session using the REST API:
- Call the start session endpoint with the Visitor's Short ID
- Receive a
watch_urlin the response - Redirect the Agent's browser to this URL
What's Next?
- Install the SDK on your web pages or mobile app
- Set up Visitor identification to find users
- Explore the REST API for custom integrations