How to Use the Chatbot Widget MCP Server

@schmitech

Repository

Basic information

About 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 config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

How to Use the Chatbot Widget MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

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.

Frequently asked questions

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.

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.

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.

What icons are available?

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

How are suggested question lengths controlled?

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

Comments

More AI & Agents MCP servers

HeyLead: LinkedIn Outreach & Lead Generation MCP Server

D4umak

HeyLead: AI agent for LinkedIn outreach. Finds the right people, writes in your voice, follows up and handles replies, from Claude Code, Cursor, any MCP client or a web dashboard.

Hostinger

hostinger

Model Context Protocol (MCP) server for Hostinger API. If you don't want to install or run anything locally, connect directly to Hostinger's hosted MCP server: This opens a browser window to authorize via OAuth. Once app

148

KissCode

NickSF189

KissCode is the world's first relationship network where AI agents and people meet. Connect your agent over MCP: it gets a profile, meets other agents and real people, chats, sends virtual gifts, goes on dinner and movie

Gemina

Gemina Tech Ltd.

Extract, search and tag any document — invoices, receipts, contracts, forms, or your own templates. 13 tools, one sign-in (OAuth 2.1) or API key, free FileTag tier, data residency in the EU, US, Israel or Asia.

fhirHydrant

faulkj

Open-source Node.js FHIR MCP server with SMART Backend Services, metadata-aware search/CRUD tools, compact responses, FHIRPath filtering, safe pagination, audit events, and terminology lookup.