Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cometchat/cometchat-widget-web
CometChat Web Widget Code for Advanced Customization
https://github.com/cometchat/cometchat-widget-web
calling chat messenger react reactjs video voice web widget
Last synced: about 1 month ago
JSON representation
CometChat Web Widget Code for Advanced Customization
- Host: GitHub
- URL: https://github.com/cometchat/cometchat-widget-web
- Owner: cometchat
- License: mit
- Created: 2021-10-04T17:30:14.000Z (over 3 years ago)
- Default Branch: v3
- Last Pushed: 2024-04-16T09:55:52.000Z (10 months ago)
- Last Synced: 2024-12-03T04:36:41.192Z (about 2 months ago)
- Topics: calling, chat, messenger, react, reactjs, video, voice, web, widget
- Language: JavaScript
- Homepage: https://www.cometchat.com
- Size: 3.86 MB
- Stars: 19
- Watchers: 16
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Security: SECURITY.md
- Support: SUPPORT.md
Awesome Lists containing this project
README
# Open-source Chat Widget Code for Advanced Customization
The Chat Widget simplifies the process of integrating a Chat on your website or mobile apps.
As a developer, you only need to toggle the widget's settings from our Dashboard and customize it to fit your needs. Within a few minutes, you can get started with our Chat widget.
## Prerequisites
- Register on [CometChat Dashboard](https://app.cometchat.com/signup)
- Create an app on the dashboard
- Click on the Chat Widget tab in the left navigation pane.
- You will be redirected to the Chat Widget's main page. You can create new widgets as well as see a list of your existing Chat widgets here.
## Features of Chat Widget
You can customize your chat widget under the chat widget section on dashboard.
Chat widget settings allow you to control the UI/UX aspect of the Chat Widget.
These setting can be broadly categorized as:
1. **Global Settings** - Here you will get the details about Installation of your Chat Widget.
2. **Sidebar Settings** - These will allow you to customize the layout of Sidebar.
3. **Main Window Settings** - These will control the UI/UX of the main Conversations window.
## Installation Steps
1. **Clone this repository**
```javascript
git clone https://github.com/cometchat-pro/web-chat-widget-custom
```
2. **Navigate to the CometChatWorkspace directory and replace the URL with your website URL in the CONSTS.js file**
3. **Build the project using the below command**
```javascript
npm run build:custom
```
4. **Copy all the files from the build directory to your website source code**
## Help and Support
For issues running the project or integrating with our UI Kits, consult our [documentation](https://www.cometchat.com/docs/v3/chat-widgets/overview) or create a [support ticket](https://help.cometchat.com/hc/en-us) or seek real-time support via the [CometChat Dashboard](https://app.cometchat.com/).