https://github.com/bytedesk/bytedesk-web
bytedesk customer service web chat widget, support vue/react/nextjs/angular/svelte/vanilla/javascript/typescrpt...
https://github.com/bytedesk/bytedesk-web
chat chatwidget customerservice help-desk im ticket-system web
Last synced: 5 months ago
JSON representation
bytedesk customer service web chat widget, support vue/react/nextjs/angular/svelte/vanilla/javascript/typescrpt...
- Host: GitHub
- URL: https://github.com/bytedesk/bytedesk-web
- Owner: Bytedesk
- License: agpl-3.0
- Created: 2018-10-18T01:40:50.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-04-01T03:28:32.000Z (6 months ago)
- Last Synced: 2025-05-02T20:50:50.882Z (5 months ago)
- Topics: chat, chatwidget, customerservice, help-desk, im, ticket-system, web
- Language: TypeScript
- Homepage: https://ai.bytedesk.com/
- Size: 86.3 MB
- Stars: 7
- Watchers: 2
- Forks: 4
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# bytedesk web chat float demo
bytedesk.com web lib for customer service chat widget
## Language
- [English](./README.md)
- [中文](./README.zh.md)
## chatfloat demo
```js
// init chatfloat, and init params
window.ChatFloat({
chatUrl: 'http://localhost:9006/chat?t=1&sid=default_wg_uid&', // custom chat url
//buttonPosition: 'right', // botton position：left or right
//buttonBackgroundColor: 'blue', // button background color
//iframeWidth: 400,
//iframeHeight: 600,
//iframeMargins: { right: 20, bottom: 20, left: 20 }, // iframe margins
//buttonMargins: { right: 20, bottom: 20, left: 20 }, // button margins
//showButton: true, // show button or not
//showIframe: true // show iframe or not
});
```
## chatfloat jquery demo
```js
$(document).ready(function () {
$('#bytedesk-float-chat').ChatFloat({
chatUrl: 'http://localhost:9006/chat?t=1&sid=default_wg_uid&',
//buttonPosition: 'right', // botton position：left or right
//buttonBackgroundColor: 'blue', // button background color
//iframeWidth: 400,
//iframeHeight: 600,
//iframeMargins: { right: 20, bottom: 20, left: 20 }, // iframe margins
//buttonMargins: { right: 20, bottom: 20, left: 20 }, // button margins
//showButton: true, // show button or not
//showIframe: true // show iframe or not
});
});
```
## Example
| custom button color | custom button left | custom button margin | custom iframe margin | custom iframe width |
| :----------: | :----------: | :----------: | :----------: | :----------: |
| 
| 
| 
| 
| 
|
## Chat SDK
| Project | Description | Forks | Stars |
|-------------|-----------------------|----------------|-------------------|
| [iOS-swift](https://github.com/bytedesk/bytedesk-swift) | iOS swift |  |  |
| [Android](https://github.com/bytedesk/bytedesk-android) | Android |  |  |
| [Flutter](https://github.com/bytedesk/bytedesk-flutter) | Flutter | |  |
| [React](https://github.com/bytedesk/bytedesk-react) | React |  |  |
| [UniApp](https://github.com/bytedesk/bytedesk-uniapp) | Uniapp |  |  |
| [Web/Vue](https://github.com/bytedesk/bytedesk-web) | Web/Vue |  |  |
## Download Client
- [Windows](https://www.weiyuai.cn/download.html)
- [Mac](https://www.weiyuai.cn/download.html)
- [Linux](https://www.weiyuai.cn/download.html)
- [Android](https://www.weiyuai.cn/download.html)
- [IOS](https://www.weiyuai.cn/download.html)
## Dev Stack
- [springboot-3.x for im server](https://github.com/Bytedesk/bytedesk)
- [python for ai](https://github.com/Bytedesk/bytedesk-ai)
- [react for web](https://github.com/Bytedesk/bytedesk-react)
- [flutter for ios&android](https://github.com/Bytedesk/bytedesk-mobile)
- [electron for windows&mac&linux](https://github.com/Bytedesk/bytedesk-desktop)
## Contact
- [Email](mailto:270580156@qq.com)
- [Wechat](./image/wechat.png)
## License
- support business usage
- must not remove trademark && logo info
- selling, reselling, or hosting Bytedesk IM as a service is a breach of the terms and automatically terminates your rights under the license.
- 仅支持企业内部员工自用，销售、二次销售或者部署SaaS方式销售需要获得授权，请勿用于非法用途。