WordPress AI Chatbot from Scratch — React + OpenAI + Vector Store
In this video, I’ll show you how to build a custom AI chatbot plugin for WordPress — from scratch.
We’ll use the OpenAI API, create a vector store for document search, and connect it all with a React.js interface. This chatbot can answer questions based on the files you upload — perfect for building knowledge base assistants right inside WordPress.
What you’ll learn:
– How to connect WordPress to OpenAI API
– How to create a vector store and upload files
– How to build a simple React.js frontend inside a plugin
– How to turn uploaded documents into a working knowledge base for your chatbot
This tutorial is ideal for:
→ WordPress developers
→ Plugin creators
→ Anyone building smart assistants or document-based chatbots
📂 All code is explained step by step — no frameworks, no fluff.
The source code: https://github.com/Maksym-Marko/My-Ai...
WPPG-Next: https://wppg-next.markomaksym.com.ua/
More about Maksym Marko: https://markomaksym.com.ua/
Follow me on LinkedIn: / maksym-marko
Or on X (Twitter): https://x.com/MaksymMarkoWd
#WordPressPlugin #Chatbot #OpenAIAPI #ReactJS
Timestamps:
00:06:12 Save API Key form
00:09:40 Create Vector Store form
00:13:25 Create Assistant form
00:16:11 Upload Files to Vector Store form
00:22:05 CPT creation
00:23:23 WordPress Routes creation
00:26:06 React.js part