# Co-Browsing

**Customer Side Instructions**

1. Customers can request the co-browse section by clicking on the 'Generate Co-browse Code' option in the footer section.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FFGjRa3aCyVIZyZvsucWR%2Fimage.png?alt=media&#x26;token=2ff6616d-4ad9-49b2-a910-cfd26097380a" alt=""><figcaption></figcaption></figure>

2. After clicking the button, a pop-up appears on the customer's screen. The customer needs to provide the generated code to the agent. The code remains valid for 15 minutes.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FOyRJHFBhXjRUfsfqM3nL%2Fimage.png?alt=media&#x26;token=f17882e6-f3e0-407f-a267-2a8b0bc73858" alt=""><figcaption></figcaption></figure>

**Agent Side Instructions**

1. The agent must click on the 'Co-browse' button to open the co-browse section.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FNTYL9ZEoFrKpQZqb2eWw%2Fimage.png?alt=media&#x26;token=b68cfe9f-8c53-4c62-af64-5aeb3f2de849" alt=""><figcaption></figcaption></figure>

2. Enter the co-browse code provided by the customer and click on the 'Connect' button.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FPMeg1D7FC5Yp5BVRdjHa%2Fimage.png?alt=media&#x26;token=09bf04e4-db72-4ada-aa82-3aa164868cc5" alt=""><figcaption></figcaption></figure>

3. A pop-up will appear on the customer's screen. The customer must click on 'Allow' to grant access.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2F7fautj0PqEpbHJC2CZHC%2Fimage.png?alt=media&#x26;token=13b2b74c-8737-402a-b84a-a24ad556a506" alt=""><figcaption></figcaption></figure>

4. Once the customer grants permission, the agent can view the customer's screen.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2F2V93zkUcrLRuRzWuBHmu%2Fimage.png?alt=media&#x26;token=54cf9970-647f-4016-8177-3bff45ed6ae5" alt=""><figcaption></figcaption></figure>

### Co-browse Tools and Features

1\.       **Highlight Tool**

&#x20;       Agents can use the highlight tool to point out important areas on the customer's screen.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FxV5YA0bljNfK7XDHcXsX%2Fimage.png?alt=media&#x26;token=23dc7c92-9085-4721-9562-b3aef25322dd" alt=""><figcaption></figcaption></figure>

2\.  **Drawing Tool**

Agents can draw on the screen using the drawing tool. These drawings will appear on the customer's screen in real-time.

&#x20;                   &#x20;

&#x20;            Agent’s Side                                                                                      Customers side

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FU1BlEigIvrqXghQQKBrC%2Fimage.png?alt=media&#x26;token=cfd19a3a-1e34-4694-949f-3c933226b65b" alt=""><figcaption></figcaption></figure>

3. Disappearing Ink

Agents can highlight points that will automatically disappear after a few seconds.&#x20;

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FVnLJrS3tFDHqSJmI5rbm%2Fimage.png?alt=media&#x26;token=a02ade1e-6e17-484c-a387-d7ca0ac858e6" alt=""><figcaption></figcaption></figure>

**4.  Erase Tool**

&#x20;  To delete highlights or drawings, agents can click the '**Delete**' button.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2F5LNUkar0gDOhBgGQFMdN%2Fimage.png?alt=media&#x26;token=fe61dd4e-45e8-48b5-8c05-1c8a7cb63ed2" alt=""><figcaption></figcaption></figure>

5. C**olor Customization**

Agents can change the color of the pen by clicking on the '**Color**' icon.

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FBB9Vteg1lOtDE8libt8c%2Fimage.png?alt=media&#x26;token=f43b6331-68e8-4248-ab0e-a20c970afe0d" alt=""><figcaption></figcaption></figure>

6. **Remote Control**

If the agent needs access to the customer's screen:

o   The agent clicks on the '**Remote Control**' button.

o   The customer must click '**Allow**' to grant control.

o   Once access is granted, the agent can perform actions on behalf of the customer.

&#x20;

If agent wants to access the customer screen he needs to click on the remote control button. After agent accessed the customer needs to click on the allow to give access to the agents

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FE6Ee1vE0a4WG2omYuRZy%2Fimage.png?alt=media&#x26;token=66db5cdf-6464-4d51-84c2-3eaf40265b30" alt=""><figcaption></figcaption></figure>

Now agents have the access he can click on the customer behalf

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2Fkn2GZQm2qtqEzvAXlt1I%2Fimage.png?alt=media&#x26;token=5b3168f1-02d4-466e-a287-acee609763ea" alt=""><figcaption></figcaption></figure>

Ending the Co-browse Session

&#x20;

·       Agents can end the session by clicking on the 'End' button on the left side.

·       Customers can end the session by clicking the 'End' button on their screen's right side.

&#x20;

&#x20;                    Agent’s Screen                                                                   Customer Screen

<figure><img src="https://4077475847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FcnjpEfQTnXZcd0UvYrk1%2Fimage.png?alt=media&#x26;token=53c06baa-ed76-4536-ab4c-8ad21fca329d" alt=""><figcaption></figcaption></figure>

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2E1BRiNMSRbVYjk7d1Xu%2Fuploads%2FELJSGLWKcoec1pzU5TGL%2Fcobrowsing-VEED.mp4?alt=media&token=e13acbb3-2ea8-4671-86eb-ee21ee610043>" %}
Click to Play
{% endembed %}

<mark style="background-color:yellow;">**Note:- During the co-browsing session with the customer, agent access to the checkout page will be restricted to ensure privacy and security.**</mark>&#x20;
