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

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. 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:

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.