victhedev

Chatbot IO Widget is the official WordPress client for the bestchatbot.io service. It adds an AI-powered chat widget to your WordPress site. The widget uses your knowledge base to answer visitor questions, and can execute real actions like scheduling appointments, creating support tickets, and looking up orders.
Features: 
* AI chat widget powered by your knowledge base (RAG) 
* Identity verification for logged-in users (JWT-based) 
* WooCommerce integration: enriches identity with billing data and Stripe customer ID 
* Cache-safe: works with WP Rocket, W3 Total Cache, Cloudflare, and all page caching plugins 
* Zero friction for anonymous visitors (identity only required for protected actions)
How Identity Verification Works: 
1. The widget loads normally on all pages (no token in HTML) 
2. A background AJAX request checks if the visitor is logged in 
3. If logged in, a signed JWT token is generated server-side and passed to the widget 
4. The token enables protected actions (order lookup, subscription check, etc.)
This approach is cache-safe because the AJAX endpoint (admin-ajax.php) is never cached by WordPress caching plugins.
Third-Party Service: 
This plugin requires a bestchatbot.io account to function (SaaS). The widget connects to the bestchatbot.io service at https://bestchatbot.io to process conversations, run the knowledge base (RAG) pipeline, and execute tool calls. By installing this plugin you agree to the bestchatbot.io Terms of Service and Privacy Policy: https://bestchatbot.io/terms

Chatbot IO Widget

Official WordPress client for bestchatbot.io. AI chat widget with identity verification for protected actions.

WebChatAgent

Add a GDPR-compliant AI chatbot & live chat to your WordPress site. Answer visitors 24/7, capture leads, book appointments, hand over to humans.
<h3>🤖 Description</h3>
AI Chatbot & Live Chat for WordPress with ChatGPT and Gemini Support by WebChatAgent lets you add a powerful AI assistant and live chat widget to your WordPress website.
Use advanced features like RAG (Retrieval-Augmented Generation) with support for OpenAI ChatGPT, Google Gemini, xAI Grok, Mistral AI and other top AI models to give your visitors highly relevant answers based on your content. Combine this with human takeover (live chat) so your team can jump in whenever it matters.
You connect your site to your WebChatAgent account, where you manage all AI settings, design, live chat rules, WhatsApp integration, bookings and more. The WordPress plugin focuses on a smooth embed and a live preview in your WP admin.
WebChatAgent operates in accordance with the GDPR (DSGVO): IP addresses are stored in anonymized form, and old conversations and personal data are cleaned up automatically after a configurable retention period. This makes the KI-Chatbot a good fit for European and German websites.
Key integrations and tools include:
<ul>
<li>Action Bar & Form Builder – Add links, WhatsApp, Calendly scheduling, and custom lead-collection forms directly inside the chat widget</li>
<li>Live Chat & Human Takeover – AI handles most questions, humans can take over any conversation in the inbox</li>
<li>Kanban Ticket Management – Turn chat conversations into support tickets and manage them on a kanban board</li>
<li>Proactive Triggers – Start conversations automatically based on visitor behavior (scroll depth, exit intent, inactivity and more)</li>
<li>WhatsApp Business Integration – Engage users via your WhatsApp business number, with QR code and direct link in the chat widget</li>
<li>API Connector for WooCommerce & More – Let customers check their WooCommerce order status, account info or support tickets directly in the chat</li>
<li>Confluence & Notion Integration – Import wiki pages and databases as chatbot knowledge sources</li>
<li>Zapier & n8n Integration – Automate workflows and connect to thousands of apps</li>
<li>AI Team Wiki – Publish an AI-assisted team knowledge base on your subdomain</li>
<li>Knowledge Tester – AI-powered quality testing that finds gaps in your chatbot’s knowledge</li>
<li>Custom MCP (Model Context Protocol) Server Support – For advanced, self-hosted or custom AI models</li>
</ul>
<h4>✨ Key Features</h4>
<ul>
<li>Generous Free Plan – Start free on WebChatAgent.com and upgrade only when you need more usage or advanced features</li>
<li>Inline Chat Embed (Shortcode & Block) – Place the chat directly inside any page or post with the <code>[webchatagent_inline]</code> shortcode or the “WebChatAgent Inline Chat” Gutenberg block, e.g. on product pages, contact pages or news articles</li>
<li>Hybrid AI Chatbot + Live Chat – Let AI handle routine questions and let humans join any conversation in real time</li>
<li>Human Takeover / Agent Inbox – View all conversations in one inbox and take over any chat with a single click</li>
<li>Smart Contextual Answers – Uses RAG (Retrieval-Augmented Generation) to answer based on your website content and uploaded documents</li>
<li>Multi-LLM Support – Switch between OpenAI ChatGPT, Google Gemini (incl. Gemini 3.5 Flash), xAI Grok, and Mistral AI models</li>
<li>Message Streaming – Bot responses appear word by word in real time for a natural, modern chat experience</li>
<li>Voice Input – Visitors can dictate their messages via the microphone button in the chat widget</li>
<li>Live URL Answers – Visitors can paste a link in the chat and the bot reads that page to answer questions about it</li>
<li>JavaScript Page Crawling – The website crawler renders JavaScript-heavy pages (SPAs), so their content becomes chatbot knowledge too</li>
<li>AI-Assisted Setup – Let AI write your widget texts, assistant role and prompt buttons based on your website</li>
<li>Temperature Control – Adjust per chatbot how creative or how precise the answers should be</li>
<li>Custom Fonts – Use your brand font in the chat widget, with multilingual fallback recommendations</li>
<li>Kanban Ticket Management – Manage support requests from chats as tickets on a kanban board</li>
<li>Team Permissions – Per-chatbot access control for your team members</li>
<li>GDPR / DSGVO Compliance – Anonymized IP storage and automatic cleanup of old conversations and personal data after a configurable retention period</li>
<li>Action Bar & Form Builder – Add a customizable action bar with up to 5 buttons: external links, WhatsApp contact, Calendly scheduling, and custom lead-collection forms</li>
<li>Proactive Triggers – 9 intelligent trigger types (time on page, exit intent, scroll depth, inactivity, URL match, section visibility, returning visitor, pages visited, rage click) with AI-generated messages</li>
<li>Calendly Integration – Embed your Calendly scheduling page directly inside the chat widget — no redirects</li>
<li>WhatsApp Button in Widget – QR code on desktop, direct link on mobile — visitors can start a WhatsApp conversation from the chat widget header</li>
<li>Knowledge Tester – AI generates test questions from your knowledge base, grades answers, and can fix gaps with one click</li>
<li>Content Search – Search through the actual content of all your data sources with hybrid AI + keyword matching</li>
<li>Custom MCP Server Support – Connect your own Model Context Protocol servers for self-hosted or specialized AI models</li>
<li>Confluence & Notion Integration – Import wiki pages, knowledge bases, and databases directly into your chatbot (Premium+)</li>
<li>AI Chat File Upload – Visitors can upload files and images in the chat for AI analysis (Premium+)</li>
<li>Tool Integrations – Connect your chatbot with external services and systems to perform actions
<ul>
<li>Lead Management – Automatically collect, qualify and manage potential customer information</li>
<li>Feedback Management – Gather and analyze user feedback to improve your service and chatbot</li>
<li>Questions Management – Track and categorize all questions asked to your chatbot</li>
</ul>
</li>
<li>API Connector for WooCommerce & More – Connect your shop so customers get instant answers
<ul>
<li>WooCommerce Order Status – Customers ask “Where is my order?” and your chatbot checks WooCommerce and answers in seconds</li>
<li>WooCommerce Product Info – Let customers ask about product availability, prices or details from your shop</li>
<li>Account & Order History – Look up customer accounts, past orders or membership status automatically</li>
<li>Support Ticket Updates – Show real-time status of support requests without manual lookup</li>
<li>Ready-Made WooCommerce Template – Get started in minutes with our pre-built WooCommerce connector — no coding needed</li>
<li>Secure by Design – Customers must verify their identity (e.g. order email) before seeing personal data</li>
</ul>
</li>
<li>WhatsApp Business Integration – Let your bot respond to customers on WhatsApp using your business number</li>
<li>In-Chat Appointments & Bookings – Allow visitors to book appointments directly inside the chat (with Google Calendar sync on supported plans)</li>
<li>Multilingual Support – Automatically responds in the user’s language; human replies can be translated as well</li>
<li>WCAG 2.2 AA Accessibility – Ensures accessible use for all visitors regardless of disabilities</li>
<li>Spam Protection – Prevents chatbot abuse and protects against unexpected usage spikes</li>
<li>Drag & Drop File Upload – Upload PDF, Word, Excel, and text files by dragging them onto the Data Sources tab</li>
<li>Bulk Actions – Select multiple data sources and delete or re-index them all at once</li>
<li>Complete Customization – Customize appearance, persona, colors, fonts, behavior and more via the WebChatAgent dashboard</li>
<li>Custom Role Presets – 6 ready-made chatbot personas to get started in seconds</li>
<li>Live Preview – See your current widget in a live preview iframe inside the WordPress admin</li>
<li>Responsive Design – Works perfectly on all devices and screen sizes</li>
<li>Simple Embedding – Easy integration with your WordPress site using a single Chatbot ID</li>
</ul>
<h3>🚀 Installation</h3>
<ol>
<li>Upload the <code>webchatagent</code> folder to the <code>/wp-content/plugins/</code> directory of your WordPress installation or install it directly from the WordPress plugin directory.</li>
<li>Activate the plugin in the WordPress admin area under “Plugins”.</li>
<li>Register or log in at https://webchatagent.com and create your chatbot.</li>
<li>Copy your Chatbot ID from the WebChatAgent dashboard.</li>
<li>In WordPress, navigate to “WebChatAgent” in the admin menu and paste your Chatbot ID.</li>
<li>Enable the chatbot in the plugin settings to display the widget on your site.</li>
</ol>
All design, AI, live chat, WhatsApp and behavior settings are managed in your WebChatAgent dashboard. The WordPress plugin handles the embed and displays a live preview based on your current configuration.
<h3>⚙️ Frequently Asked Questions</h3>
<h4>Do I need an API key or account to use this plugin?</h4>
You need to register at WebChatAgent.com to create a chatbot and get a Chatbot ID. You then enter this ID in the plugin settings to connect your WordPress site to your chatbot. API keys and model settings are managed in your WebChatAgent account.
<h4>Is this plugin completely free?</h4>
You can start with a free plan on WebChatAgent.com. There are paid plans available if you need higher limits, more pages, more traffic or advanced features like higher message quotas, team features and additional integrations.
<h4>Can I customize the appearance of the chat widget?</h4>
Yes. You customize the color scheme, avatar, fonts, welcome message, widget position, behavior and persona directly in the WebChatAgent dashboard. The WordPress plugin shows a live preview and uses your current configuration.
<h4>Is WebChatAgent GDPR (DSGVO) compliant?</h4>
Yes. WebChatAgent operates in accordance with the GDPR. IP addresses are stored in anonymized form for abuse prevention, chat conversations are kept only for a limited time, and old conversations and personal data are cleaned up automatically after a configurable retention period. See the Privacy Policy section below for details.
<h4>Can I embed the chat inside a page instead of the floating button?</h4>
Yes. Use the <code>[webchatagent_inline]</code> shortcode (Classic Editor, page builders, text widgets) or the WebChatAgent Inline Chat Gutenberg block to place the chat directly inside your content — for example on a product page, contact page or news article. Both use the Chatbot ID from the plugin settings; you can override it per embed with <code>chatbot-id="..."</code> (or via the block sidebar). The inline embed works independently of the Enable Chatbot toggle, which only controls the floating widget, and the widget script loads only on pages that use it.
<h4>Is the chat widget mobile-friendly?</h4>
Yes, the chat widget is fully responsive and works well on all devices, including mobile phones and tablets.
<h4>Does WebChatAgent support live chat and human takeover?</h4>
Yes. WebChatAgent offers a hybrid model: AI answers most questions automatically, and your team can take over any chat at any time via the Agent Inbox. You can reply as a human and then hand control back to the bot if you like.
<h4>Does the plugin support WhatsApp Business?</h4>
Yes. You can connect your WhatsApp Business number in the WebChatAgent dashboard. Your AI chatbot can then reply to WhatsApp messages, and you can manage those conversations alongside website chats.
<h4>How does the AI chatbot understand my website content?</h4>
WebChatAgent uses RAG (Retrieval-Augmented Generation) to index and understand your website content and documents. When visitors ask questions, the AI combines this indexed content with a large language model (e.g. ChatGPT or Gemini) to provide accurate, context-aware answers.
<h4>Which AI models are supported?</h4>
The chatbot supports multiple large language models including OpenAI ChatGPT, Google Gemini (incl. Gemini 3.5 Flash), xAI Grok, and Mistral AI. You can choose which model to use in your WebChatAgent settings. Speed and quality indicators help you pick the right model. Additionally, you can connect custom MCP (Model Context Protocol) servers for self-hosted or specialized AI models.
<h4>Does the chatbot support multiple languages?</h4>
Yes, the chatbot automatically detects and responds in the user’s language, making it ideal for multilingual websites. Human replies in the inbox can also be auto-translated.
<h4>Is the chat widget accessible for people with disabilities?</h4>
Yes, the chat widget is designed to meet WCAG 2.2 AA accessibility standards, ensuring it’s usable for all visitors, including those using assistive technologies.
<h4>Can the chatbot perform actions beyond just answering questions?</h4>
Yes. With Tool Integrations, your chatbot can connect to external services and systems to perform actions such as submitting forms, booking appointments, updating records or querying databases. You configure these tools in your WebChatAgent dashboard.
<h4>What is the API Connector and how does it work?</h4>
The API Connector lets your chatbot answer questions that require live data from your WooCommerce shop or other business systems. Instead of just answering general questions, your chatbot can look up real information for each customer.
WooCommerce examples:
<ul>
<li>“Where is my order #12345?” – The chatbot checks your WooCommerce shop and tells the customer the current order status</li>
<li>“Is the blue T-shirt in size M available?” – Looks up product stock and availability in WooCommerce</li>
<li>“Show me my recent orders” – Displays the customer’s order history from your shop</li>
</ul>
Other systems:
<ul>
<li>Support tickets – Show ticket status from helpdesk systems</li>
<li>Account info – Look up balances, memberships or custom data from any system</li>
</ul>
How to set it up:
<ol>
<li>Select the WooCommerce template (or another template for your system)</li>
<li>The chatbot asks customers to verify their identity (e.g. their order email)</li>
<li>Once verified, the chatbot can look up their orders, products and personal data</li>
</ol>
No programming knowledge required — the WooCommerce connector works out of the box.
<h4>What analytics and management tools are included?</h4>
From your WebChatAgent account, you can access:
<ol>
<li>Lead Management – Collect, categorize and follow up with leads generated through your chatbot </li>
<li>Feedback Management – Review and analyze user feedback to improve your chatbot and service </li>
<li>Questions Management – View all questions asked to your chatbot, identify common topics and improve your knowledge base </li>
<li>Analytics Dashboard – Track conversations, leads, bookings, human handovers and unanswered questions</li>
</ol>
<h4>How does the spam protection work?</h4>
Built-in spam and abuse protection monitor usage patterns and prevent abusive or excessive requests. This helps protect your account from unexpected usage spikes and keeps your costs predictable on higher tiers.
<h3>📷 Screenshots</h3>
<ol>
<li>WebChatAgent – AI Chatbot & Live Chat for WordPress settings page in the WordPress admin.</li>
<li>Live chat widget on your website – desktop view.</li>
<li>Mobile view of the chat widget.</li>
</ol>
<h3>📝 Changelog</h3>
<h4>1.1.0</h4>
<ul>
<li>Added: [webchatagent_inline] shortcode to embed the inline chat widget in any page, post or text widget</li>
<li>Added: “WebChatAgent Inline Chat” Gutenberg block with optional per-block Chatbot ID (WordPress 5.8+)</li>
<li>Added: Optional chatbot-id attribute to override the global Chatbot ID per embed</li>
<li>Added: New “Inline Embed” tab in the plugin settings with a copy-ready shortcode snippet</li>
<li>Improved: Inline embeds load the widget script only on pages that use them</li>
<li>Compatibility: Minimum required WordPress version is now 5.8</li>
</ul>
<h4>1.0.5</h4>
<ul>
<li>Added: Bundled translations for German, Spanish, French, Italian, Dutch and Russian (admin UI and privacy policy text)</li>
<li>Fixed: Plugin text domain is now loaded, so translations actually apply</li>
<li>Improved: Admin JavaScript …</li>
</ul>

AI Chatbot & Live Chat with ChatGPT Support by WebChatAgent

Add a GDPR-compliant AI chatbot & live chat to your WordPress site. Answer visitors 24/7, capture leads, book appointments, hand over to humans.

Chatbot IO Widget vs AI Chatbot & Live Chat with ChatGPT Support by WebChatAgent