A simple support ticket system for WordPress with a React-based admin panel.
WP React Support Ticket is a lightweight yet powerful support ticket system for WordPress. It provides a modern React-based admin interface for managing tickets and a simple shortcode-based frontend for users to submit and view their tickets.
- React Admin Panel: Modern, responsive admin interface built with React
- Ticket Management: Create, view, update, and manage support tickets
- User-friendly Frontend: Simple forms for users to submit and track tickets
- Shortcode Support: Easy integration with any page or post
- Priority & Department: Organize tickets by priority and department
- Status Tracking: Track ticket status (open, closed, etc.)
- Reply System: Threaded replies for ongoing communication
- Download the plugin zip file
- Go to WordPress admin > Plugins > Add New
- Click on "Upload Plugin" and select the zip file
- Activate the plugin
After activation, you'll find a new menu item "Support Tickets" in your WordPress admin menu. This will take you to the React-based admin panel where you can manage all tickets.
Use the following shortcodes to add ticket functionality to your pages:
[support_ticket_form]- Displays a form for users to submit new tickets[support_ticket_list]- Shows a list of tickets for the current user
-
Clone the repository:
git clone https://github.com/ikamal7/wp-react-support-ticket.git -
Navigate to the plugin directory:
cd wp-react-support-ticket -
Install dependencies:
npm install -
Start the development server:
npm start -
Build for production:
npm run build
wp-react-support-ticket/
├── build/ # Compiled files (generated)
├── includes/ # PHP classes for backend functionality
│ ├── class-ticket-controller.php
│ └── class-rest-api.php
├── src/ # React source files
│ ├── components/ # React components
│ ├── index.js # Main React application
│ └── styles.css # Styles
├── templates/ # Frontend templates
├── wp-react-support-ticket.php # Main plugin file
├── package.json # npm dependencies and scripts
└── README.md # This file
- The plugin uses @wordpress/scripts for build tooling
- Run
npm startto start the development server with hot reloading - Run
npm run buildto create a production build - Run
npm run formatto format your code according to WordPress coding standards
The plugin registers custom REST API endpoints under the namespace wp-support-ticket/v1. These endpoints are used by the React admin panel to communicate with the WordPress backend.
GPL v2 or later
For support, feature requests, or bug reports, please open an issue on GitHub.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add some amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
Developed by Kamal Hosen.