Options (JavaScript API)

Modify and customize chat widget differently on each page.

<script>
  window.screetsxi = {
    appid: "YOUR_APP_ID",

    /* Appearance */
    show: true, // force to show/hide on this page
    leadColor: '#e44444', // primary lead color
    linkColor: '#1292ee', // link and button colors
    pos: "right", // left or right
    offsetX: 25, // px (horizontal offset)
    offsetY: 20, // px (vertical offset)
    starterSize: 60, // px (starter button width)
    popupSize: 388, // px (popup width)

    /* Mobile appearance */
    offsetX_mob: 15, // px (horizontal offset on mobile)
    offsetY_mob: 15, // px (vertical offset on mobile)
    starterSize_mob: 45, // px (starter button width on mobile)
  };
</script>

TIP

You can find APP_ID on "Installation" settings page in your chat console.

Appearance options

Some pages needs different appearance from your other pages.

For instance, you've landing page where another colors is applied. Instead of changing options across whole your website, it's possible to set different colors for specific pages.

Property	Default	Description
show	true	Force to show/hide on this page
leadColor	"#e44444"	Primary lead color
linkColor	"#1292ee"	Link and button colors
pos	"right"	Left or right
offsetX	25	px (horizontal offset)
offsetY	20	px (vertical offset)
starterSize	60	px (starter button width)
popupSize	388	px (popup width)

Appearance for mobile devices

Property	Default	Description
offsetX_mob	15	px (horizontal offset on mobile)
offsetY_mob	15	px (vertical offset on mobile)
starterSize_mob	45	px (starter button width on mobile)