Co browsing documentation
The Co-Browsing feature enables agents in Puzzel Contact Center Chat to assist visitors by viewing and guiding them through a webpage during a chat session. Below is a detailed explanation of how the feature works and its components.
Overview
Co-browsing allows an agent to initiate a joint browsing experience with a visitor. The agent can see the same webpage that the visitor sees, provide guidance, and send labels to highlight specific actions, improving the visitor's experience.
- Agent Initiates: The co-browsing session begins when the agent sends a request to the visitor to start co-browsing.
- Visitor Accepts or Denies: The visitor has the option to either accept or deny the co-browsing request.
- Visitor Control: The visitor can end the co-browsing session at any time, ensuring they maintain control over their experience.
Agent requests a co-browse session.
Visitor Allow or Deny.
Agent sees the visitor web page.
Visitor can end the session at any time.
Allowlist and Data Security
To ensure privacy and data security, the feature is governed by an allowlist, which is set up by the customer in the admin section.
- Allowlist: URLs entered in the allowlist define which webpages are accessible during a co-browsing session. Only trusted pages are displayed in the agent's application. Any source pictures or styles from outside the trusted domains will not be loaded or displayed to the agent.
- Content Scrubbing: Customers can configure content scrubbing by providing regular expressions and replacement patterns. This allows sensitive data, such as personal numbers, to be anonymized before being displayed to the agent.
Technical Workflow
1. Session Start: When the visitor accepts the co-browsing session, the Document Object Model (DOM) of the current webpage is sent to the backend server.
2. DOM "Washing": The DOM is processed and "washed," meaning it is stripped of elements based on the allowlist to protect privacy and security.
3. Display to Agent: After the webpage is washed, it is rendered for the agent in the agent's application.
Agent Interaction
- Sending Labels: The agent can send labels to the visitor to provide instructions. Examples include: "Enter information in the form" or "Click this link." This helps direct the visitor to specific actions.
- Page Refresh: The agent can refresh the co-browsing page to get updated content, such as newly entered form values.
- Page Synchronization: If the visitor navigates to a different webpage, the agent's view is updated to follow the visitor's navigation.
- Page Resizing: The agent can resize the co-browsing page using percentage controls to better view the content. If the visitor resizes their page, the change will also be reflected in the agent's application when agent refresh the page.
- Page Navigation Limitation: The agent can only co-browse pages that are within the same domain as the chat and where the chat can be rendered.
Agent sends a label.
The visitor can read the label.
Visitor Control
- Full Control: The visitor can end the co-browsing session at any time and when ending the session, the agent's view in co-browsing will immediately stop.
- Privacy Settings: The use of allowlists and content scrubbing helps ensure that sensitive information is never exposed to the agent without the visitor's explicit consent.
Co-browse session was ended by the visitor and the agent can no longer see the web page.
Use Cases
1. Form Assistance: Agents can help visitors fill out forms by pointing to specific fields or providing detailed instructions.
2. Navigation Guidance: The agent can guide visitors through different parts of a website, helping them find relevant information or complete desired actions.
Security & Privacy Considerations
- Content Allowlist: Only content from trusted sources, as defined by the allowlist, is displayed to the agent.
- Data Scrubbing: Any sensitive information is scrubbed before being presented to the agent, ensuring compliance with privacy standards.
- Visitor's Control: The visitor can choose when to start and stop the co-browsing session, ensuring they remain in control throughout.
Admin Configuration
- Allowlist Management: The administrator can set up and modify the allowlist to control which URLs are accessible during co-browsing.
- Content Scrubbing Rules: Regular expressions and replacement patterns can be defined by the administrator to scrub sensitive data automatically.
- Code Snippet Requirement: The Puzzel Contact Centre code snippet must be included on every page that is to be co-browsed and to display the chat. This snippet can be copied from Site mapping in Puzzel Administration / Services / Chat (new).
Summary
The Co-Browsing feature provides an effective way for agents to assist visitors in real-time, without compromising privacy and security. By using allowlists, DOM washing, and content scrubbing, the feature ensures that sensitive information is protected while giving agents the ability to provide meaningful assistance.