About this plugin
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
5/4o) or Anthropic (Claude). Includes built-in Lead Captures, automated email notifications for new inquiries, and a fallback “Talk to a Human” queue.
Docs Knowledge Base — Displays a complete documentation index categorizing all your support articles with dynamic accordion navigation.
Docs Category Grid — Renders doc categories as grid cards with custom icons and post counters, letting visitors find topics visually.
Docs Search Form — A fast, live search bar tailored specifically to query your documentation articles (Docs KB).
Docs Viewer — A comprehensive, readable document layout showing sibling article navigation and a dynamic, auto-parsed Table of Contents (TOC).
Voice Search — Native browser speech recognition search block (Web Speech API). Click the mic, speak, and results load inline instantly.
AI FAQ — An accessible accordion FAQ block with automatic FAQ Schema (JSON-LD) generation, helping you get rich snippets on Google search results.
AI Site Search — Live, debounced site-wide search with keyword highlighting, searching pages and posts via REST API.
WordPress Knowledge Base
Create a professional WordPress knowledge base to help customers find answers without contacting your support team for every question.
Use the built-in Docs KB blocks to organize support content into categories and documentation articles.
Create:
- Product knowledge bases
- Software documentation
- Plugin documentation
- Theme documentation
- Customer help centers
- Support portals
- Tutorials and guides
- Frequently Asked Questions
A searchable knowledge base can help visitors find relevant information quickly and reduce repetitive customer support questions.
Documentation Builder
Create a structured documentation experience directly inside WordPress.
The Docs Viewer block provides a clean reading experience with:
- Documentation article content
- Related or sibling article navigation
- Dynamic Table of Contents
- Automatic heading detection
- Organized documentation structure
- Reading time information
Build documentation for your WordPress plugin, SaaS product, software, service, or online business.
Gutenberg Blocks Included
SupportFlow includes a collection of Gutenberg blocks designed for building modern customer support and documentation experiences.
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:
-
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
-
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:
com/wpbranddigital/SupportFlow-Chatbot-Documentation-Builder
Build Instructions:
- npm install
- npm run build
- npm run start (development)
SupportFlow is built using @wordpress/scripts.