WebChatAgent

<p>Add a GDPR-compliant AI chatbot & live chat to your WordPress site. Answer visitors 24/7, capture leads, book appointments, hand over to humans.</p>
<h3>🤖 Description</h3>
<p><strong>AI Chatbot & Live Chat for WordPress with ChatGPT and Gemini Support by WebChatAgent</strong> lets you add a powerful AI assistant and live chat widget to your WordPress website.</p>
<p>Use advanced features like <strong>RAG (Retrieval-Augmented Generation)</strong> with support for <strong>OpenAI ChatGPT</strong>, <strong>Google Gemini</strong>, <strong>xAI Grok</strong>, <strong>Mistral AI</strong> and other top AI models to give your visitors highly relevant answers based on your content. Combine this with <strong>human takeover (live chat)</strong> so your team can jump in whenever it matters.</p>
<p>You connect your site to your <strong>WebChatAgent</strong> 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.</p>
<p>WebChatAgent operates in accordance with the <strong>GDPR (DSGVO)</strong>: 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.</p>
<p>Key integrations and tools include:</p>
<ul>
<li><strong>Action Bar & Form Builder</strong> – Add links, WhatsApp, Calendly scheduling, and custom lead-collection forms directly inside the chat widget</li>
<li><strong>Live Chat & Human Takeover</strong> – AI handles most questions, humans can take over any conversation in the inbox</li>
<li><strong>Kanban Ticket Management</strong> – Turn chat conversations into support tickets and manage them on a kanban board</li>
<li><strong>Proactive Triggers</strong> – Start conversations automatically based on visitor behavior (scroll depth, exit intent, inactivity and more)</li>
<li><strong>WhatsApp Business Integration</strong> – Engage users via your WhatsApp business number, with QR code and direct link in the chat widget</li>
<li><strong>API Connector for WooCommerce & More</strong> – Let customers check their WooCommerce order status, account info or support tickets directly in the chat</li>
<li><strong>Confluence & Notion Integration</strong> – Import wiki pages and databases as chatbot knowledge sources</li>
<li><strong>Zapier & n8n Integration</strong> – Automate workflows and connect to thousands of apps</li>
<li><strong>AI Team Wiki</strong> – Publish an AI-assisted team knowledge base on your subdomain</li>
<li><strong>Knowledge Tester</strong> – AI-powered quality testing that finds gaps in your chatbot’s knowledge</li>
<li><strong>Custom MCP (Model Context Protocol) Server Support</strong> – For advanced, self-hosted or custom AI models</li>
</ul>
<h4>✨ Key Features</h4>
<ul>
<li><strong>Generous Free Plan</strong> – Start free on WebChatAgent.com and upgrade only when you need more usage or advanced features</li>
<li><strong>Inline Chat Embed (Shortcode & Block)</strong> – 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><strong>Hybrid AI Chatbot + Live Chat</strong> – Let AI handle routine questions and let humans join any conversation in real time</li>
<li><strong>Human Takeover / Agent Inbox</strong> – View all conversations in one inbox and take over any chat with a single click</li>
<li><strong>Smart Contextual Answers</strong> – Uses RAG (Retrieval-Augmented Generation) to answer based on your website content and uploaded documents</li>
<li><strong>Multi-LLM Support</strong> – Switch between OpenAI ChatGPT, Google Gemini (incl. Gemini 3.5 Flash), xAI Grok, and Mistral AI models</li>
<li><strong>Message Streaming</strong> – Bot responses appear word by word in real time for a natural, modern chat experience</li>
<li><strong>Voice Input</strong> – Visitors can dictate their messages via the microphone button in the chat widget</li>
<li><strong>Live URL Answers</strong> – Visitors can paste a link in the chat and the bot reads that page to answer questions about it</li>
<li><strong>JavaScript Page Crawling</strong> – The website crawler renders JavaScript-heavy pages (SPAs), so their content becomes chatbot knowledge too</li>
<li><strong>AI-Assisted Setup</strong> – Let AI write your widget texts, assistant role and prompt buttons based on your website</li>
<li><strong>Temperature Control</strong> – Adjust per chatbot how creative or how precise the answers should be</li>
<li><strong>Custom Fonts</strong> – Use your brand font in the chat widget, with multilingual fallback recommendations</li>
<li><strong>Kanban Ticket Management</strong> – Manage support requests from chats as tickets on a kanban board</li>
<li><strong>Team Permissions</strong> – Per-chatbot access control for your team members</li>
<li><strong>GDPR / DSGVO Compliance</strong> – Anonymized IP storage and automatic cleanup of old conversations and personal data after a configurable retention period</li>
<li><strong>Action Bar & Form Builder</strong> – Add a customizable action bar with up to 5 buttons: external links, WhatsApp contact, Calendly scheduling, and custom lead-collection forms</li>
<li><strong>Proactive Triggers</strong> – 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><strong>Calendly Integration</strong> – Embed your Calendly scheduling page directly inside the chat widget — no redirects</li>
<li><strong>WhatsApp Button in Widget</strong> – QR code on desktop, direct link on mobile — visitors can start a WhatsApp conversation from the chat widget header</li>
<li><strong>Knowledge Tester</strong> – AI generates test questions from your knowledge base, grades answers, and can fix gaps with one click</li>
<li><strong>Content Search</strong> – Search through the actual content of all your data sources with hybrid AI + keyword matching</li>
<li><strong>Custom MCP Server Support</strong> – Connect your own Model Context Protocol servers for self-hosted or specialized AI models</li>
<li><strong>Confluence & Notion Integration</strong> – Import wiki pages, knowledge bases, and databases directly into your chatbot (Premium+)</li>
<li><strong>AI Chat File Upload</strong> – Visitors can upload files and images in the chat for AI analysis (Premium+)</li>
<li><strong>Tool Integrations</strong> – Connect your chatbot with external services and systems to perform actions
<ul>
<li><strong>Lead Management</strong> – Automatically collect, qualify and manage potential customer information</li>
<li><strong>Feedback Management</strong> – Gather and analyze user feedback to improve your service and chatbot</li>
<li><strong>Questions Management</strong> – Track and categorize all questions asked to your chatbot</li>
</ul>
</li>
<li><strong>API Connector for WooCommerce & More</strong> – Connect your shop so customers get instant answers
<ul>
<li><strong>WooCommerce Order Status</strong> – Customers ask “Where is my order?” and your chatbot checks WooCommerce and answers in seconds</li>
<li><strong>WooCommerce Product Info</strong> – Let customers ask about product availability, prices or details from your shop</li>
<li><strong>Account & Order History</strong> – Look up customer accounts, past orders or membership status automatically</li>
<li><strong>Support Ticket Updates</strong> – Show real-time status of support requests without manual lookup</li>
<li><strong>Ready-Made WooCommerce Template</strong> – Get started in minutes with our pre-built WooCommerce connector — no coding needed</li>
<li><strong>Secure by Design</strong> – Customers must verify their identity (e.g. order email) before seeing personal data</li>
</ul>
</li>
<li><strong>WhatsApp Business Integration</strong> – Let your bot respond to customers on WhatsApp using your business number</li>
<li><strong>In-Chat Appointments & Bookings</strong> – Allow visitors to book appointments directly inside the chat (with Google Calendar sync on supported plans)</li>
<li><strong>Multilingual Support</strong> – Automatically responds in the user’s language; human replies can be translated as well</li>
<li><strong>WCAG 2.2 AA Accessibility</strong> – Ensures accessible use for all visitors regardless of disabilities</li>
<li><strong>Spam Protection</strong> – Prevents chatbot abuse and protects against unexpected usage spikes</li>
<li><strong>Drag & Drop File Upload</strong> – Upload PDF, Word, Excel, and text files by dragging them onto the Data Sources tab</li>
<li><strong>Bulk Actions</strong> – Select multiple data sources and delete or re-index them all at once</li>
<li><strong>Complete Customization</strong> – Customize appearance, persona, colors, fonts, behavior and more via the WebChatAgent dashboard</li>
<li><strong>Custom Role Presets</strong> – 6 ready-made chatbot personas to get started in seconds</li>
<li><strong>Live Preview</strong> – See your current widget in a live preview iframe inside the WordPress admin</li>
<li><strong>Responsive Design</strong> – Works perfectly on all devices and screen sizes</li>
<li><strong>Simple Embedding</strong> – 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 <strong>or</strong> install it directly from the WordPress plugin directory.</li>
<li>Activate the plugin in the WordPress admin area under <strong>“Plugins”</strong>.</li>
<li>Register or log in at <strong>https://webchatagent.com</strong> and create your chatbot.</li>
<li>Copy your <strong>Chatbot ID</strong> from the WebChatAgent dashboard.</li>
<li>In WordPress, navigate to <strong>“WebChatAgent”</strong> 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>
<p>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.</p>
<h3>⚙️ Frequently Asked Questions</h3>
<h4>Do I need an API key or account to use this plugin?</h4>
<p>You need to register at <strong>WebChatAgent.com</strong> to create a chatbot and get a <strong>Chatbot ID</strong>. 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.</p>
<h4>Is this plugin completely free?</h4>
<p>You can start with a <strong>free plan</strong> 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.</p>
<h4>Can I customize the appearance of the chat widget?</h4>
<p>Yes. You customize the color scheme, avatar, fonts, welcome message, widget position, behavior and persona directly in the <strong>WebChatAgent dashboard</strong>. The WordPress plugin shows a live preview and uses your current configuration.</p>
<h4>Is WebChatAgent GDPR (DSGVO) compliant?</h4>
<p>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.</p>
<h4>Can I embed the chat inside a page instead of the floating button?</h4>
<p>Yes. Use the <code>[webchatagent_inline]</code> shortcode (Classic Editor, page builders, text widgets) or the <strong>WebChatAgent Inline Chat</strong> 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 <strong>Enable Chatbot</strong> toggle, which only controls the floating widget, and the widget script loads only on pages that use it.</p>
<h4>Is the chat widget mobile-friendly?</h4>
<p>Yes, the chat widget is fully responsive and works well on all devices, including mobile phones and tablets.</p>
<h4>Does WebChatAgent support live chat and human takeover?</h4>
<p>Yes. WebChatAgent offers a <strong>hybrid model</strong>: AI answers most questions automatically, and your team can take over any chat at any time via the <strong>Agent Inbox</strong>. You can reply as a human and then hand control back to the bot if you like.</p>
<h4>Does the plugin support WhatsApp Business?</h4>
<p>Yes. You can connect your <strong>WhatsApp Business</strong> number in the WebChatAgent dashboard. Your AI chatbot can then reply to WhatsApp messages, and you can manage those conversations alongside website chats.</p>
<h4>How does the AI chatbot understand my website content?</h4>
<p>WebChatAgent uses <strong>RAG (Retrieval-Augmented Generation)</strong> 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.</p>
<h4>Which AI models are supported?</h4>
<p>The chatbot supports multiple large language models including <strong>OpenAI ChatGPT</strong>, <strong>Google Gemini</strong> (incl. Gemini 3.5 Flash), <strong>xAI Grok</strong>, and <strong>Mistral AI</strong>. 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 <strong>custom MCP (Model Context Protocol) servers</strong> for self-hosted or specialized AI models.</p>
<h4>Does the chatbot support multiple languages?</h4>
<p>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.</p>
<h4>Is the chat widget accessible for people with disabilities?</h4>
<p>Yes, the chat widget is designed to meet <strong>WCAG 2.2 AA</strong> accessibility standards, ensuring it’s usable for all visitors, including those using assistive technologies.</p>
<h4>Can the chatbot perform actions beyond just answering questions?</h4>
<p>Yes. With <strong>Tool Integrations</strong>, 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.</p>
<h4>What is the API Connector and how does it work?</h4>
<p>The <strong>API Connector</strong> 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.</p>
<p><strong>WooCommerce examples:</strong></p>
<ul>
<li><strong>“Where is my order #12345?”</strong> – The chatbot checks your WooCommerce shop and tells the customer the current order status</li>
<li><strong>“Is the blue T-shirt in size M available?”</strong> – Looks up product stock and availability in WooCommerce</li>
<li><strong>“Show me my recent orders”</strong> – Displays the customer’s order history from your shop</li>
</ul>
<p><strong>Other systems:</strong></p>
<ul>
<li><strong>Support tickets</strong> – Show ticket status from helpdesk systems</li>
<li><strong>Account info</strong> – Look up balances, memberships or custom data from any system</li>
</ul>
<p><strong>How to set it up:</strong></p>
<ol>
<li>Select the <strong>WooCommerce template</strong> (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>
<p>No programming knowledge required — the WooCommerce connector works out of the box.</p>
<h4>What analytics and management tools are included?</h4>
<p>From your WebChatAgent account, you can access:</p>
<ol>
<li><strong>Lead Management</strong> – Collect, categorize and follow up with leads generated through your chatbot  </li>
<li><strong>Feedback Management</strong> – Review and analyze user feedback to improve your chatbot and service  </li>
<li><strong>Questions Management</strong> – View all questions asked to your chatbot, identify common topics and improve your knowledge base  </li>
<li><strong>Analytics Dashboard</strong> – Track conversations, leads, bookings, human handovers and unanswered questions</li>
</ol>
<h4>How does the spam protection work?</h4>
<p>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.</p>
<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.

Elementor

<p><strong>Angie: Agentic AI</strong><br />
Build Elementor widgets and code snippets for WordPress, save your work to the cloud, and run your full WordPress stack through conversation. No code or setup required.</p>
<p><strong>Disclaimer:</strong> Angie is currently in Beta. While core functionality within WordPress and the Elementor Editor is stable and ready to explore, some actions and integrations with third-party tools are still evolving. We are continuously refining Angie’s capabilities and expanding its capabilities. Please ensure you back up your site before use. During this Beta phase, enjoy free daily credits and help us shape the future of AI-driven web creation with your feedback.</p>
<p>Angie is an AI agent built natively into WordPress. It understands your site’s architecture, installed plugins, Elementor setup, and data, and takes real action on your behalf. From writing production-ready code to managing content and executing site-wide workflows, Angie works inside the environment you already use.<br />
No new platform to learn. No migration required. Your existing theme, plugins, Elementor setup, and Gutenberg editor stay exactly as they are.</p>
<p>Explore the <a href="https://prompts.elementor.com/?utm_source=wp-repo" rel="nofollow ugc">prompt library</a> for more examples.</p>
<h3>Angie Code</h3>
<p>Angie Code lets professional web creators and agencies create custom Elementor widgets, snippets for WordPress, and functionality instantly. Describe what you need, and watch Angie build production-ready code in seconds. Zero coding required.<br />
Standard solutions provide a vital foundation for most projects, but Angie Code removes the compromise of “close enough,” giving you bespoke functionality that meets your exact specifications with technical precision.</p>
<h3>Fully configurable inside WordPress and Elementor</h3>
<p>Angie produces PHP, CSS, and JavaScript, editable through conversation with Angie (“make the font bigger,” “add a hover animation”) or through Elementor’s visual controls for pixel-perfect adjustments. You’re never locked in — every widget is yours to own, edit, and evolve.</p>
<h3>What Angie can do</h3>
<p>Angie’s expertise delivers specialized categories of production-ready components:</p>
<ul>
<li><strong>Build bespoke Elementor widgets</strong> – Create custom widgets from scratch and refine their style using native Elementor Editor controls.</li>
<li><strong>Extend Elementor widgets</strong> – Inject custom controls and advanced capabilities into existing widgets to expand their functional range.</li>
<li><strong>Customize WordPress admin & backend</strong> – Tailor your dashboard, add custom post types, extend WooCommerce, and implement custom hooks and filters.</li>
<li><strong>Architect front-end enhancements</strong> – Integrate CSS and JavaScript for sophisticated animations, cursor effects, and immersive interactive behaviors.</li>
<li><strong>Construct visual apps</strong> – Build fully functional front-end applications like custom calculators and quizzes.</li>
<li><strong>Generate complete landing pages</strong> – Produce entire pages with layout, content, and styling for Elementor and Gutenberg.</li>
</ul>
<h3>Multi-modal input and collaborative building</h3>
<ul>
<li><strong>Conversational building</strong> – Describe the functionality you need in plain language; Angie handles the engineering.</li>
<li><strong>Visual references</strong> – Upload a screenshot of a design you love, or provide a URL, and your AI developer will build it for you.</li>
<li><strong>Collaborative refinement</strong> – Not exactly what you wanted? Just tell Angie what to change. She understands your feedback and refines the result in real-time.</li>
</ul>
<h3>Safe by design – experiment freely, deploy confidently</h3>
<p>Everything Angie Code creates is built and tested in a dedicated preview environment. See it on your page, tweak it, and iterate as many times as you want – nothing is added to your live site until you personally approve it. This is your safety net: the freedom to try anything without the risk of breaking anything.<br />
Restore previous versions of snippets created precisely with Revisions.</p>
<h3>Cloud Library</h3>
<p>Snippets and widgets you create with Angie can be saved to your personal Cloud Library and pulled into any connected site in a few clicks, arriving as a fully editable asset.</p>
<p>For agencies managing multiple sites, this compounds fast. A library of battle-tested snippets becomes a set of ready starting points for every new project.</p>
<p><strong>No rebuilding from scratch. No credits consumed on import.</strong></p>
<h3>Plan mode</h3>
<p>Get a better first outcome by planning with Angie before creating a widget or snippet. Angie will ask questions regarding intent, scope, and requirements, clarifying the brief before any action is taken. Nothing runs until you confirm.</p>
<h3>Super Admin Mode</h3>
<p>Super Admin Mode is an opt-in capability that gives Angie read-write access to your file system, database, and PHP layer. Below are a few actions you can offload to Angie:</p>
<ul>
<li><strong>Run bulk operations at scale</strong> – Update product prices, user roles, and custom metadata across hundreds of records from a single prompt. Angie reads your actual data model first, so operations work against your real post types, registered fields, and active plugins.</li>
<li><strong>Debug site errors</strong> – Trace SMTP failures, PHP conflicts, and API connectivity issues directly in the Angie chat. Angie reads your debug log, identifies recurring patterns, and can deactivate conflicting plugins or modify the relevant hook to resolve the issue.</li>
<li><strong>Fix SEO gaps site-wide</strong> – Populate missing meta descriptions, create redirect rules after category restructures, and standardize URL slugs across your full site in a single session.</li>
</ul>
<p>Run the full WordPress stack through the same Angie chat.</p>
<h3>Contributors & Developers</h3>
<p>“Angie: Agentic AI” is open source software. The following people have contributed to this plugin.</p>
<p>Contributors: Elementor</p>


Angie – Agentic AI (Beta)

Build anything your site needs. Manage it through an agentic AI conversation inside WordPress. No setup, configuration, or code required.

AI Chatbot & Live Chat with ChatGPT Support by WebChatAgent vs Angie – Agentic AI (Beta)