WebChatAgent

<p>Add an AI chatbot and live chat to your WordPress site. Answer visitors 24/7, capture leads, book appointments and hand over chats to humans when it matters.</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>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>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>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, 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>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 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>, <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.0.3</h4>
<ul>
<li>Changed: Admin shows read-only values loaded from public endpoint</li>
<li>Changed: Only Chatbot ID and Enable are editable in WP; other settings managed in WebChatAgent dashboard</li>
<li>Added: Color swatches for theme and message colors in admin</li>
<li>Improved: Preview iframe sets html lang to current WP language</li>
</ul>
<h4>1.0.2</h4>
<ul>
<li>Added: Hide branding option in General tab</li>
<li>Added: Speech bubble text option in Messages tab</li>
<li>Added: Chat button image URL option in Appearance tab</li>
<li>Added: Live preview support for new options</li>
<li>Added: Documentation for dashboard tools (Leads, Feedback, Questions)</li>
<li>Added: Documentation for custom MCP server support</li>
<li>Improved: Widget rendering to include new attributes</li>
</ul>
<h4>1.0.0</h4>
<ul>
<li>Initial release</li>
</ul>
<h3>🔄 Upgrade Notice</h3>
<h4>1.0.3</h4>
<p>Adds admin read-only values, color swatches and language-aware preview. Also updates documentation for integrations (WhatsApp Business, Zapier, AI Team Wiki, MCP) and clarifies that most settings are managed in the WebChatAgent dashboard.</p>
<h4>1.0.2</h4>
<p>Initial release of the WebChatAgent – AI Chatbot for WordPress plugin.</p>
<h3>🔒 Privacy Policy</h3>
<p>WebChatAgent – AI Chatbot for WordPress processes user chat messages to provide AI-powered responses. When visitors interact with the chat widget, their messages are sent to WebChatAgent’s servers for processing. The chat widget also collects basic browser information and IP addresses (in anonymized form) for abuse prevention and geographical customization of services.</p>
<p>Chat conversations are typically stored for up to 30 days to maintain context and provide follow-up support. After this period, conversation data may be anonymized and retained for service improvement purposes.</p>
<p>For privacy inquiries, please contact <strong>privacy@webchatagent.com</strong>.</p>
<p>We operate in accordance with GDPR.</p>
<h3>🌐 External services</h3>
<p>This plugin connects to the WebChatAgent service (<strong>https://webchatagent.com</strong>) to provide chat functionality.</p>
<p>The service loads an external JavaScript file (<code>https://webchatagent.com/widget/web-chat-agent.js</code>) to render the chat widget on your website. This script is required for the widget to function properly.</p>
<p>When using custom fonts, external resources may be loaded from <strong>Google Fonts</strong> (<code>https://fonts.googleapis.com</code>). This means that data may be shared with Google when a visitor views your website with the chat widget enabled.</p>
<p>The service receives the following data when visitors use the chat:</p>
<ul>
<li>Chat messages and queries submitted through the chat widget  </li>
<li>Basic browser information (user agent, device type)  </li>
<li>Session information for conversation context preservation  </li>
<li>IP addresses, stored in anonymized form for abuse prevention and geographical service customization  </li>
</ul>
<p>Data is only sent when a visitor interacts with the chat widget. No data is collected or transmitted until the visitor actively engages with the chat.</p>
<p>Terms of Service: https://webchatagent.com/terms<br />
Privacy Policy: https://webchatagent.com/privacy-policy</p>


AI Chatbot & Live Chat with ChatGPT Support by WebChatAgent

Add an AI chatbot and live chat to your WordPress site. Answer visitors 24/7, capture leads, book appointments and hand over chats to humans when it m …

Elementor

<p><strong>Angie Code:</strong> Your expert WordPress developer, powered by AI. Build anything you can imagine without writing a single line of code.</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 Code lets professional web creators and agencies create custom Elementor widgets, snippets for WordPress, and functionality instantly. Simply describe what you need, and watch Angie build production-ready code in seconds, zero coding knowledge required.</p>
<p>While standard solutions provide a vital foundation for most project requirements, Angie Code eliminates the compromise of “close enough”, empowering you to build the bespoke functionalities that define the final, most impactful details of your site ensuring every element meets your exact specifications with technical precision.</p>
<h3>Fully configurable inside WordPress & Elementor</h3>
<p>Angie produces PHP, CSS, and JavaScript, whose output is editable through conversation with Angie (“make the font bigger,” “add a hover animation”), or switch to the Elementor Editor’s visual controls for pixel-perfect adjustments. You’re never locked in – every widget is yours to own, edit, and evolve.</p>
<p>Your existing theme, plugins, Elementor setup, and Gutenberg editor all stay exactly as they are. Angie adds AI-powered creation capabilities on top of your current environment. There is no new platform to learn, no migration required, and no disruption to your workflow.</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.</p>
<h3>Streamline site management</h3>
<p>Beyond building, Angie acts as an agentic assistant to help you perform site-wide workflows, handle bulk actions, and manage content through simple conversation.</p>
<p>Stop compromising your vision. Start building with Angie.</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)

Angie Code: Your expert WordPress developer, powered by AI. Build anything you can imagine without writing a single line of code.

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