JavaScript API – 选项

在每个页面上以不同方式修改和自定义聊天窗口小部件。

<script>
window.screetsxi = {
appid: "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)

/* Logged-in users */
userHash: “INSERT_HMAC_VALUE”, // HMAC using SHA-256
uid: “1”, // user ID
email: [email protected],
name: “John Doe”,
phone: “+1210000000”,
createdAt: 1312182001, // UNIX timestamp

/* Custom user attributes */
custom_attrs: {
“Plan”: “Starter”,
“Purchase Date”: 1312182001,
},
};
</script>

为已登录用户安装 Screets ChatI

要验证登录用户的身份,请参阅身份验证页面。

外观选项

某些页面需要与其他页面不同的外观。
例如,您的登录页应用了其他颜色。您可以为特定页面设置不同的颜色,而不是在整个网站上更改选项。

特性 默认值 描述
show true 在该页面强制显示/隐藏
leadColor “#e44444” 关键颜色
linkColor “#1292ee” 链接和按钮颜色
pos “right” 左侧 或 右侧
offsetX 25 px (水平偏移)
offsetY 20 px (垂直偏移)
starterSize 60 px (开始按钮宽度)
popupSize 388 px (弹窗窗口宽度)

移动设备外观

特性 默认值 描述
offsetX_mob 15 px (移动端水平偏移)
offsetY_mob 15 px (移动端垂直偏移)
starterSize_mob 45 px (移动端按钮宽度)