Rowell BlancaSoftware Engineer
HomeMy WorkChatbot — WordPress AI Widget & RAG Knowledge Base Plugin
Global 🌐Enterprise ClientVerified Production Shipped

Chatbot — WordPress AI Widget & RAG Knowledge Base Plugin

Bespoke WordPress Chatbot & RAG Knowledge Base plugin featuring sitewide floating chat, shortcode embedding, WP post/page RAG import, FAQ builder, conversation history logging, and configurable LLM backends (OpenAI & local Ollama). HOW IT WORKS: 1. RAG Knowledge Import: Imports published WordPress pages, posts, uploaded documents, or FAQs into a searchable local vector/knowledge chunk index. 2. Configurable LLM Backend: Connects to OpenAI (GPT-4o) or local Ollama endpoints with customizable system prompts and company persona controls. 3. Public Widget & Shortcode: Renders as a floating public widget or inline shortcode ([blanc_chatbox]) with contact details collection and instant streaming responses. 4. Admin SPA & Transcripts: Full React/TypeScript Admin SPA to inspect visitor conversation logs, transcript summaries, and email notification alerts.

Stack Architecture:Wordpress PluginsPHPAI IntegrationREST APIRAG Knowledge Base
wp-content/plugins/buildforuser-chatbox
4 Feature Screenshots GalleryWordPress Plugin
<?php // WordPress Plugin Architecture & Workflow SpecTested & Passed • PHP 8.4

// Chatbot — WordPress AI Widget & RAG Knowledge Base Plugin

Bespoke WordPress Chatbot & RAG Knowledge Base plugin featuring sitewide floating chat, shortcode embedding, WP post/page RAG import, FAQ builder, conversation history logging, and configurable LLM backends (OpenAI & local Ollama). HOW IT WORKS: 1. RAG Knowledge Import: Imports published WordPress pages, posts, uploaded documents, or FAQs into a searchable local vector/knowledge chunk index. 2. Configurable LLM Backend: Connects to OpenAI (GPT-4o) or local Ollama endpoints with customizable system prompts and company persona controls. 3. Public Widget & Shortcode: Renders as a floating public widget or inline shortcode ([blanc_chatbox]) with contact details collection and instant streaming responses. 4. Admin SPA & Transcripts: Full React/TypeScript Admin SPA to inspect visitor conversation logs, transcript summaries, and email notification alerts.

Interactive Plugin Screenshots Gallery (4 Screenshots)

Slide 1 of 4
Chat Widget
Screenshot 1 • Sitewide Floating AI Chat Widget

Public interactive floating chat widget and inline shortcode [blanc_chatbox] with live responses.

Screenshot 1 • Sitewide Floating AI Chat Widget
Chatbot — WordPress AI Widget & RAG Knowledge Base Plugin • Screenshot 1

> Executing Chat Widget Module

Public interactive floating chat widget and inline shortcode [blanc_chatbox] with live responses.

How This Plugin Works (Core Architecture Workflow)

Step 1 • RAG Source Import

WP Content & Document Indexing

Imports published WP pages, posts, CPTs, FAQs, and uploaded text documents into a RAG knowledge index.

Step 2 • Configurable LLM

OpenAI & Ollama Backends

Connects to OpenAI (GPT-4o) or local Ollama endpoints with custom system prompts and company brand personas.

Step 3 • Frontend Widget

Floating Widget & Shortcode

Renders sitewide floating widget or inline [blanc_chatbox] shortcode with visitor details capture.

Step 4 • Admin SPA

Conversation Storage & Alerts

Full Admin SPA dashboard to review transcript summaries, manage FAQs, and trigger email alerts to site owners.

Key Plugin Capabilities

  • Custom WP Database Tables & Migration Hooks
  • AJAX & REST API Endpoint Controllers
  • Nonces, Data Sanitization & Escaping

Technology & Integrations

Wordpress PluginsPHPAI IntegrationREST APIRAG Knowledge Base
Engineering Scope

Core Engineering Highlights

01

Architecture & Scope

Engineered with Wordpress Plugins, PHP, AI Integration adhering to strict modular component architecture and sub-second rendering pipelines.

02

Performance & UX

Optimized for zero layout shift, smooth responsive typography, and tactile scroll-driven interaction states tested across mobile and desktop.

03

Production Standards

Fully responsive production deployment with streamlined bundle size, fast Time to Interactive, and modern aesthetic polish.

About This Architecture

Bespoke WordPress Chatbot & RAG Knowledge Base plugin featuring sitewide floating chat, shortcode embedding, WP post/page RAG import, FAQ builder, conversation history logging, and configurable LLM backends (OpenAI & local Ollama). HOW IT WORKS: 1. RAG Knowledge Import: Imports published WordPress pages, posts, uploaded documents, or FAQs into a searchable local vector/knowledge chunk index. 2. Configurable LLM Backend: Connects to OpenAI (GPT-4o) or local Ollama endpoints with customizable system prompts and company persona controls. 3. Public Widget & Shortcode: Renders as a floating public widget or inline shortcode ([blanc_chatbox]) with contact details collection and instant streaming responses. 4. Admin SPA & Transcripts: Full React/TypeScript Admin SPA to inspect visitor conversation logs, transcript summaries, and email notification alerts.

Interactive Co-Pilot

Ask Questions About This Build's Architecture

Query RowBot regarding latency budgets, caching strategies, database schema, and custom WordPress/Next.js implementations.

RowBot — AI Engineering & Marketing Co-Pilot

Backend AI

Architecture & stack Q&A for Chatbot — WordPress AI Widget & RAG Knowledge Base Plugin

Leave your details so Rowell can follow up directly, then ask away about this project's architecture.

Architecture Specs

Production Shipped
Client / Company:Direct Client Build
Region:Global 🌐
Category:Web Platform
Role:Senior Full-Stack Engineer
Timeline:Sprint Shipped
Ready to Build?

Need Similar Platform Architecture?

Skip agency overhead and partner directly with a senior full-stack engineer for sub-second web platforms.

rowellblanca94@gmail.com
Rowell Mark Blanca
Rowell Mark Blanca

Senior Full-Stack & Next.js Engineer

8+ years building enterprise React web apps, custom WordPress platforms, and serverless PostgreSQL architectures.

Connect:
Next in Portfolio →

BuildForUser Login Customizer — WordPress Plugin

Bespoke WordPress login screen customizer featuring a premium split-panel interface, live logo/background/colour-scheme editing, and a secure login URL renaming tool to obscure the default wp-login.php path. HOW IT WORKS: 1. Split-Panel Login UI: Replaces the default WordPress login screen with a branded split-panel design — left column shows a customizable hero/branding panel, right column shows the login form. 2. Live Customizer Settings: Logo upload, background image/colour, accent colours, and tagline are all configurable from the WordPress admin dashboard without touching code. 3. Secure Login URL Renaming: Registers a custom login slug (e.g. /admin-access) and redirects the default /wp-login.php to a 404 — reducing brute-force attack surface on the login page. 4. Dashboard Integration: Settings surface is integrated into the BuildForUser Dashboard admin menu, sharing the same branding and UI shell as the rest of the plugin suite.

Explore Next Case Study
Interactive Project Scope & Estimate

Estimate Your Project Scope & Architecture

Select your requirements to see estimated timelines, recommended technical stack, and request an itemized proposal within 24 hours.

Step 1 · Choose Project Type

Next.js / React Web App

Scalable SaaS, client portal, or custom web platform with sub-second performance.

Custom WordPress & Gutenberg

Bespoke theme, headless setup, or custom Gutenberg block plugins without page builder bloat.

AI / Workflow Automation

LLM copilot, RAG knowledge system, OpenAI/Gemini integration, or automated CRM workflows.

Dedicated Senior Dev Retainer

Continuous sprint shipping, agency overflow support, codebase rescue, and feature iterations.

Step 2 · Select Included Features
User Authentication & Database Architecture
Stripe / Payment Billing & Subscription Engine
Custom Admin Dashboard & Content Management
Third-Party API Integrations & Webhooks
98+ Lighthouse Core Web Vitals Optimization
Step 3 · Timeline & Urgency
⚡ Fast Sprint (2–4 Weeks)Need to launch MVP or overhaul rapidly
📅 Standard Build (1–2 Months)Comprehensive phased production rollout
🔄 Ongoing Fractional (Monthly)20–40+ hours/month dedicated senior dev

Scope Summary & Stack

Direct Senior Dev
Estimated Delivery Timeframe

3–6 weeks

Includes full QA testing, responsive breakpoints, and Core Web Vitals audit.

Recommended Architecture Stack
Next.js 14React 19TypeScriptTailwindCSSPostgreSQL
Full UK (GMT), US & Australian (AEST) Timezone Overlap
40–50% Cost Savings vs UK / US / AU Agency Bloat
100% Direct Senior Code Quality & Daily Comms

Lock In Your Proposal & Call

🔒 Direct senior response within 24h · Zero spam · Strict NDA
Working Models & Engagement

How We Can Work Together

Transparent, flexible engagement structures tailored for funded startups, agencies, and UK, US & Australian (AU) businesses looking for direct senior engineering without agency overhead.

Milestone-Based

Fixed-Scope Project Sprint

Best for ground-up MVP builds, custom web application development, or complete platform redesigns with well-defined specs.

Fixed upfront pricing & clear delivery timeline
Full architecture design, UI integration & QA
98+ Core Web Vitals performance guarantee
30 days post-launch warranty & bug-free handover
Most Popular for Agencies & Startups
Dedicated Retainer

Fractional Senior Engineer

Dedicated 20–40+ hours per month for rapid feature iterations, ongoing technical leadership, and agency overflow with full UK, US & AU overlap.

Direct Slack / Teams access & daily standups
Full UK (GMT), US & Australian (AEST) timezone overlap
Continuous PR reviews, CI/CD, and fast shipping
No recruitment fees, payroll taxes, or agency bloat
Fast Turnaround

Codebase Rescue & Speed Audit

1–2 week intensive optimization for slow, legacy, or buggy Next.js/WordPress websites needing sub-second performance.

Comprehensive Core Web Vitals bottleneck audit
Database query optimization & asset minification
Security patches & plugin bloat cleanup
Detailed before/after speed benchmarking report