Documentation Index

Fetch the complete documentation index at: https://help.8x8.com/llms.txt

Use this file to discover all available pages before exploring further.

8x8 Contact Center Chat Co-Browsing Implementation

Prev Next

Objective

Use the 8x8 Co-Browsing feature with 8x8 Contact Center chat on websites.

Applies To

  • 8x8 Contact Center

  • Chat

  • Co-Browsing

Procedure

Note:

1a2b3c4d5e6f789 has been used as an example co-browsing license in this article and will need to be replaced with your own co-browsing license

  1. Add the code snippet within the <body> tags on the web page. Your code is in the following format:

    <script>
    (function(e,i,g,h,t,c,o,b,r,w){r=i.createElement(g);r.setAttribute(h,c);o&&r.setAttribute(o,b);
    r.async=1;r.src='https://'+t+'/license'+c+'/dist/primary-bundle.js';
    w=i.getElementsByTagName(g)[0];w.parentNode.insertBefore(r,w);
    })(window,document,'script','data-8x8-co-browsing','<Co-browse-server-domain-and-port>','<Co-browse-license-id>','data-8x8-co-browsing-mode','<Co-browse-mode>');
    </script>
  2. Edit the parameters with the values provided by 8x8:

    <co-browsing-server-domain-and-port>: Refers to the domain and port for the Co-browsing server. Replace it with cb.8x8.com
    <co-browsing-license-id>: 1a2b3c4d5e6f789
    <Co-browse-mode>: Refers to the Co-browsing mode. Select one of the three types—full-control, partial-control, or no-control.
  3. Your completed code snippet should look like this.

    Note:

    the value for co-browsing-license-id is a variable.

    <body>
    <script>
    (function(e,i,g,h,t,c,o,b,r,w){r=i.createElement(g);r.setAttribute(h,c);o&&r.setAttribute(o,b);
    r.async=1;r.src='https://'+t+'/license'+c+'/dist/primary-bundle.js';
    w=i.getElementsByTagName(g)[0];w.parentNode.insertBefore(r,w);
    })(window,document,'script','data-8x8-co-browsing','cb.8x8.com','1a2b3c4d5e6f789','data-8x8-co-browsing-mode','full-control');
    </script>
    </body>
  4. Save these changes to the web page. With this, you have enabled your web page with co-browsing capability.

You can add a simple help link or a help button on your website that allows website visitors to trigger the remote session. The website visitor clicks on this link to generate a unique session code. For example:

<a href="#" >Help </a>

Additional Information

For more information, see our product documentation on Enabling Co-Browsing.