WP Manifestindependent plugin directory
manifest / ai / free-ai-chat-box-wp-plugin

Free AI Chat With Groq API

A lightweight, responsive WordPress AI chatbot plugin powered by the Groq API with multiple AI models, secure server-side API handling, Markdown support, syntax highlighting, and customizable UI.

by Rizwan | Full-stack Developer · github.com/rizwanwebdev/free-ai-chat-box-wp-plugin · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/rizwanwebdev/free-ai-chat-box-wp-plugin/archive/refs/heads/main.zip

Readme

Free AI Chat

A lightweight, responsive AI chatbot plugin for WordPress powered by the Groq API. Add an AI assistant to any page using a simple shortcode—no user login required.

The plugin securely communicates with Groq from the WordPress backend, keeping your API key private while providing a fast and modern chat experience.

✨ Features

  • 🚀 Powered by the Groq API
  • 🤖 Supports multiple AI models
  • 🔒 Secure server-side API requests (API key never exposed)
  • 💬 Responsive chat interface
  • 📝 Markdown rendering
  • 💻 Syntax-highlighted code blocks
  • 🎨 Customizable colors from the WordPress admin panel
  • 📱 Mobile-friendly design
  • 🚫 No login required
  • 📊 Browser-based daily message limit
  • ⚡ AJAX-powered for a smooth experience
  • 🛡️ WordPress security best practices (nonces & sanitization)

Supported Models

Examples include:

  • llama-3.1-8b-instant
  • llama-3.3-70b-versatile
  • groq/compound
  • groq/compound-mini
  • qwen/qwen3-32b
  • qwen/qwen3.6-27b
  • openai/gpt-oss-20b
  • openai/gpt-oss-120b
  • meta-llama/llama-4-scout-17b-16e-instruct

Additional Groq-supported models can be added easily.

Installation

  1. Download or clone this repository.
  2. Upload the free-ai-chat folder to:
wp-content/plugins/
  1. Activate Free AI Chat from the WordPress Plugins page.
  2. Open Free AI Chat in the WordPress admin menu.
  3. Enter your Groq API key.
  4. Save the settings.

Usage

Add the shortcode anywhere:

[free_ai_chat]

The chatbot will automatically appear on that page.

Configuration

The admin panel allows you to configure:

  • Groq API Key
  • Primary Color
  • Background Color
  • Header Color
  • Button Color
  • Maximum Messages Per Browser

Security

  • API key stored securely in WordPress options
  • API requests handled entirely by the backend
  • Nonce verification for AJAX requests
  • Sanitized user input
  • API key is never exposed to visitors

Technologies

  • PHP
  • WordPress Plugin API
  • JavaScript (jQuery)
  • AJAX
  • Groq API
  • Marked.js
  • Highlight.js

Roadmap

  • Streaming responses
  • Conversation history
  • Dark mode
  • Copy button for code blocks
  • Rate-limit indicators
  • Additional UI themes

Contributing

Contributions, bug reports, and feature requests are welcome.

Feel free to open an issue or submit a pull request.

License

Licensed under the GPL v2 or later.

Author

Rizwan

GitHub: https://github.com/rizwanwebdev

Website: https://rizwan.one

Read the full README on GitHub →