Prerequisites
- A valid CometChat account.
- Permissions to create and manage applications in the CometChat Dashboard.
- Basic familiarity with your target platform (Web, React, Angular, Vue, etc.).
Create Account
- Navigate to the CometChat Dashboard.
- Click Sign Up and complete the registration form.
- Confirm your email address to activate your account.
Create App
- Log in to the CometChat Dashboard.
- Click + Add App.
- Enter an App Name, select a Region, and choose a Plan.
- Click Create and note your App ID, Region, and Auth Key.
Integrate No Code Solution
- In the Dashboard sidebar, select Integrate.
- Choose No Code.
- Select a Suitable Platform for your project (e.g., WordPress, HTML, PHP, Laravel).
- Add a variant and customize the widget settings as needed.
Customize Chat Widget
- In Chat Builder, adjust Appearance.
- Adjust Theme, Colors, and Typography to match your brand.
- Select Features (e.g., Block Users, Threaded Messages, Read Receipts).
- Preview changes in the Live Preview pane.
- Save and publish your changes.
Export Code
- In Chat Builder, click Get Embedded Code.
- Note the app credentials:
- App ID
- Auth Key
- Region
- VariantID
- Follow the documentation to implement the code snippet.
Next Steps
- Test end-to-end chat functionality in a development environment.
- Deploy the updated application to production.