โœจ Brand-new AI Customer Service Solution

Give every visitor instant & personal support

Powered by Dify's AI engine, embed a smart support widget into your site seamlessly. Supports Chat, Agent, and Workflow modes โ€” 24 ร— 7 for your users.

Open source
5-min deploy
Self-hostable
ai-customer-service.demo
AI
Hi! I'm your dedicated AI assistant. How can I help you? ๐Ÿ˜Š
What deployment options do you support?
AI
We support the following:
โ€ข Docker one-click deploy
โ€ข Cloud SaaS
โ€ข Kubernetes cluster
โšก
Response time
< 1s
๐ŸŒ
Languages
20+

Core capabilities

A complete out-of-the-box smart support toolkit โ€” no reinventing the wheel.

๐Ÿ’ฌ

Multi-mode chat

Supports Chat, Agent, and Workflow AI modes โ€” flexible enough for any business scenario.

๐Ÿ”Œ

Embed anywhere

One line of code to integrate into any site. Choose iframe embed or floating widget โ€” ready out of the box.

๐Ÿ“

File uploads

Accepts images and documents. The AI understands file content and replies intelligently.

๐Ÿ”Š

Voice interaction

Built-in TTS read-aloud and STT voice input for natural, accessible conversations.

๐Ÿ“œ

Chat history

Full conversation history is saved automatically. Users can switch sessions anytime; the AI stays in context.

๐ŸŒ

Internationalization

Ships with English & Chinese. The architecture supports unlimited language extensions.

Tech specs

StackNext.js 14 + React 19 + TypeScript
StylingTailwind CSS + CSS Modules
AI backendDify API (self-hosted / cloud)
StreamingSSE (Server-Sent Events)
Chat modesChat / Agent / Workflow
DeploymentEdgeOne Pages
LicenseMIT License
Min. requirements2 vCPU / 4 GB RAM โ€” ready in 5 min

FAQ

Just add one line of iframe code: <iframe src="https://your-domain/embed" width="400" height="600" />. Width, height, and theme colour are all customisable.

All three: Chat App, Agent App, and Workflow App. The system auto-detects the type and renders the matching UI.

All data stays in your self-hosted Dify instance โ€” on your own servers, never touching a third party. Fully enterprise-compliant.

Yes. You can change theme colour, logo, welcome message, placeholders, and more. All copy is managed via i18n config files with full multilingual support.

The floating widget (this demo) renders inline with no cross-origin boundaries. The iframe embed uses the standard protocol and is ideal for cross-domain scenarios. Both share the same AI capabilities.

Try the AI support widget in the bottom-right corner ๐Ÿ‘‰

Click the orange button to start a conversation. This is exactly what it looks like once deployed on your site.