MCP.so
登录

How to Use the Chatbot Widget MCP Server

@schmitech

基本信息

分类

AI 与智能体

传输方式

stdio

作者

schmitech

关于 How to Use the Chatbot Widget MCP Server

Pluggable web chat widget to interact with ORBIT MCP server.

#chat-widget#chatbot#web-integration

How to Use the Chatbot Widget MCP Server 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块,请前往代码仓库查看安装说明。

代码仓库

How to Use the Chatbot Widget MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表,不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is How to Use the Chatbot Widget?

A chatbot widget that integrates into websites with minimal effort, requiring an API endpoint, API key, and session ID for configuration. It provides extensive theme customization, suggested questions with configurable length limits, and multiple built-in icons.

How to use How to Use the Chatbot Widget?

Include the widget script bundle and call window.initChatbotWidget() with required parameters (apiUrl, apiKey, sessionId). Optionally set a custom container via containerSelector or integrate with React using useEffect.

Key features of How to Use the Chatbot Widget

  • Simple script‑tag integration with two bundle options.
  • Required parameters: API URL, API key, session ID.
  • Extensive theme customization with built‑in themes.
  • Configurable suggested questions with display and query length limits.
  • Multiple built‑in icons (e.g., heart, message‑square, bot).
  • Custom container placement instead of default bottom‑right.
  • Scoped CSS to prevent styling conflicts.
  • Default font: Mona Sans.

Use cases of How to Use the Chatbot Widget

  • Embedding an AI assistant in a company website.
  • Adding a support chatbot with suggested questions for common queries.
  • Integrating a themed chat widget into a React or TypeScript application.

常见问题

1

Why isn’t the widget appearing?

Check browser console for errors, verify the API URL and key are correct, ensure all required scripts are loaded, and confirm the container element exists.

2

How do session IDs work?

You must provide a unique `sessionId` for each user conversation and maintain it throughout the visit. UUIDs or timestamp‑based generation are recommended.

3

Can I customize the widget’s appearance?

Yes – the `theme` object supports colors for headers, messages, inputs, buttons, and text. Built‑in themes (Modern, Minimal, Corporate, Dark, etc.) are also available.

4

What icons are available?

Built‑in icons include `heart`, `message‑square`, `message‑circle`, `message‑dots`, `help‑circle`, `info`, `bot`, and `sparkles`.

5

How are suggested question lengths controlled?

`maxSuggestedQuestionLength` (default 50) truncates button display text with “…”. `maxSuggestedQuestionQueryLength` (default 200) truncates the query sent to the API.

评论

AI 与智能体 分类下的更多 MCP 服务器