SupportFlow – Chatbot & Documentation Builder

SupportFlow is an all-in-one customer engagement and support toolkit for WordPress. It includes an AI-powered floating Chatbot (supporting OpenAI & Anthropic) with live human fallback, a dynamic Knowledge Base (Docs KB) custom post type, and voice/site search capabilities — all built natively for the Block Editor.

Designed with high performance, accessibility, and SEO best practices in mind, SupportFlow operates without bulky framework dependencies. It utilizes Gutenberg apiVersion: 3 and server-side rendering for lightning-fast frontend loading.

Free Blocks

1. AI Chat Widget — A floating support chat bubble that responds automatically using OpenAI (GPT-3.5/4o) or Anthropic (Claude). Includes built-in Lead Captures, automated email notifications for new inquiries, and a fallback “Talk to a Human” queue.
2. Docs Knowledge Base — Displays a complete documentation index categorizing all your support articles with dynamic accordion navigation.
3. Docs Category Grid — Renders doc categories as grid cards with custom icons and post counters, letting visitors find topics visually.
4. Docs Search Form — A fast, live search bar tailored specifically to query your documentation articles (Docs KB).
5. Docs Viewer — A comprehensive, readable document layout showing sibling article navigation and a dynamic, auto-parsed Table of Contents (TOC).
6. Voice Search — Native browser speech recognition search block (Web Speech API). Click the mic, speak, and results load inline instantly.
7. AI FAQ — An accessible accordion FAQ block with automatic FAQ Schema (JSON-LD) generation, helping you get rich snippets on Google search results.
8. AI Site Search — Live, debounced site-wide search with keyword highlighting, searching pages and posts via REST API.

Technical Highlights

• Native Gutenberg standard (apiVersion: 3) using @wordpress/scripts.
• Zero jQuery: Built entirely with vanilla Javascript.
• Server-side rendering (via block render.php).
• Database-driven chat persistence with custom MySQL schemas.
• Fully localized & translatable codebase.

External Services

This plugin integrates with third-party AI providers to offer automated chatbot assistance. Depending on your configuration under Chat Inbox → Chat Settings, the plugin may connect to the following external APIs:

1. OpenAI API (https://api.openai.com)

   • Use: Used to generate intelligent conversational responses for the AI Chat Widget block.
   • Data Sent: Send user-entered chat messages and context history to the OpenAI completions endpoint. No personal site database data is sent. Data is sent only when a visitor submits a query to the chat widget and OpenAI is the active selected provider.
   • OpenAI Terms of Service: https://openai.com/policies/terms-of-use
   • OpenAI Privacy Policy: https://openai.com/policies/privacy-policy

2. Anthropic Claude API (https://api.anthropic.com)

   • Use: Used to generate intelligent conversational responses for the AI Chat Widget block.
   • Data Sent: Send user-entered chat messages and context history to the Anthropic messages endpoint. No personal site database data is sent. Data is sent only when a visitor submits a query to the chat widget and Anthropic is the active selected provider.
   • Anthropic Terms of Service: https://www.anthropic.com/legal/consumer-terms
   • Anthropic Privacy Policy: https://www.anthropic.com/legal/privacy

Development

Public source code repository:
https://github.com/wpbranddigital/SupportFlow-Chatbot-Documentation-Builder

Build Instructions:

1. npm install
2. npm run build
3. npm run start (development)
   SupportFlow is built using @wordpress/scripts.