# Co-Browsing

You can easily integrate our Co-Browsing Client to enable screen sharing and remote control on your website. The easiest way to get up and running is to add following scripts to your website.

# Stylesheet

Add the stylesheet link to the header.

<link href="https://cdn.webdotsupport.com/dist/websupport-qc-min.css" rel="stylesheet">

# JavaScript

Add following script to the bottom of the body.

<script src="https://cdn.webdotsupport.com/dist/websupport-qc-min.js"></script>    
    pointer: "move",    
    spa: false,   
    theme: { color: "#24183f", primary:{color:"#fff", backgroundColor: "#36d576"}, secondary:{color:"#fff", backgroundColor:"#24183f" }}  

# Available options

Any of these options can be passed into the config object.

Property Description Options Default
apiKey web.support api token for your domain.
buttonId Id of the DOM element that should trigger the web.support popup.
pointer** Enables / disables pointer events. none, move, moveclick move
spa** True for single page applications, false for normal websites. boolean false
theme** Theme object (See Theme) object default theme

** Optional


For non SPA aplications you must to set X-Frame-Options to "sameorigin"

# Theme

The theme object can be used to customize the appearance.

{ color: "#24183f", primary:{color:"#fff", backgroundColor: "#8ecf760"}, secondary:{color:"#fff", backgroundColor:"#24183f" }} 
Property Description Default
color Text color. #24183f
primary.color Primary button text color. #fff
primary.backgroundColor Primary button background color. #8ecf760
secondary.color Secondary button text color. #fff
secondary.backgroundColor Secondary button background color. #24183f