https://github.com/connectycube/chat-widget-medusa-plugin-demo-app
A demo Medusa 2.0 app with ConnectyCube Chat Widget plugin integrated
https://github.com/connectycube/chat-widget-medusa-plugin-demo-app
chat chat-widget medusa-plugin medusajs
Last synced: about 1 year ago
JSON representation
A demo Medusa 2.0 app with ConnectyCube Chat Widget plugin integrated
- Host: GitHub
- URL: https://github.com/connectycube/chat-widget-medusa-plugin-demo-app
- Owner: ConnectyCube
- License: mit
- Created: 2025-05-07T12:01:31.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-16T10:07:57.000Z (about 1 year ago)
- Last Synced: 2025-05-16T10:34:04.752Z (about 1 year ago)
- Topics: chat, chat-widget, medusa-plugin, medusajs
- Language: TypeScript
- Homepage: https://connectycube.com/chat-widget
- Size: 988 KB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Medusa 2.0 chat widget plugin - Demo app
A demo Medusa 2.0 app with [@connectycube/chat-widget-medusa-plugin](https://github.com/ConnectyCube/chat-widget-medusa-plugin) integrated
## How to run
1. Create ConnectyCube account [https://connectycube.com/signup](https://connectycube.com/signup/) and application, obtain credentials
2. Run the dependant services via `docker compose up`
3. Run core medusa app
```
cd core-app
yarn
cp .env.template .env
# set VITE_CHAT_APP_ID and VITE_CHAT_AUTH_KEY envs in .env file
npx medusa db:setup --db medusa-chat-widget-plugin
npx medusa db:migrate
# create test user
npx medusa user --email user@test.com --password testtest
yarn dev
```
Now open http://localhost:9000/app and login with your test user. Navigate to `Extensions -> Chat` to open a chat page:
For a storefront to configure you will need your Store Id and Store name. You can access them via Developers Tools, Network tab:
4. Create test data in Dashboard:
- create Publishable API Key on `Settings -> Publishable API Keys` page and attach Default Sales Channel to it
- create region on `Settings -> Regions` page
- create some products
4. Run storefront
```
cd storefront
yarn
cp .env.template .env.local
# Set NEXT_PUBLIC_CHAT_APP_ID, NEXT_PUBLIC_CHAT_AUTH_KEY, NEXT_PUBLIC_STORE_ID, NEXT_PUBLIC_STORE_NAME envs.
# Also, specify valid NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY which you can get in Medusa Dashboard -> Settings -> Publishable API Keys
yarn dev # or corepack yarn dev
```
Now open http://localhost:8000, sign in, go to Stores page, select some product and open a Widget
## How can I use it?
On storefront, once logged in and opened product page, there will be a Chat toggle button bottom right:
Once clicked, a chat with seller will be opened where you can ask any product's related questions:
From Medusa dashboard there will be a new page called Chat, with the widget embedded, where all customers' chats are displayed, so you as a merchant can reply:
## Have an issue?
Join our [Discord](https://discord.com/invite/zqbBWNCCFJ) for quick answers to your questions or [file a GitHub issue](https://github.com/ConnectyCube/chat-widget-medusa-plugin-demo-app/issues)
## Community
- [Blog](https://connectycube.com/blog)
- X (twitter)[@ConnectyCube](https://x.com/ConnectyCube)
- [Facebook](https://www.facebook.com/ConnectyCube)
## License
MIT