広告掲載
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 とエージェント」の他のコンテンツ

strac-mcp-dlp

strac-io

Detect and redact PII, PHI, PCI and secrets — SSNs, credit cards, passports, API keys and cloud credentials — in text and in local files, using the Strac DLP API. Five tools: redact_text, detect_sensitive_data, detect_fi

3

DatePhotos.AI

Jacob Yang

Free MCP server for dating profiles. Look up the official photo rules and AI-photo policies of Tinder, Hinge and Bumble — photo limits, verification, what gets you banned — each quoted from the app's own guidelines wi

BlazingCDN MCP - Content Delivery for Video, Software & Static Files

BlazingCDN

Official MCP server for BlazingCDN - AI agents (Claude, Cursor, Windsurf) manage CDN resources, purge cache, query metrics, domains, Anycast CDN, Video CDN and Media CDN

1

Singularis

oov1317

Singularis is unlimited computation. Bring us your hardest problems. MCP server; free agent key: 500 credits instantly.

Rokha

Rokha AI LLC

Search a registry of agent skills and MCP servers, run them for real (sandbox or remote MCP, no install, a trace on every run), and hire proven agents for USDC.

広告掲載