OpenStatus Badge Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
OpenStatus Badge allows you to easily embed your OpenStatus status page badge anywhere on your WordPress site using the block editor.
Features:
- Simple setup – just enter your status page slug
- Customizable appearance – choose theme (light/dark), size (sm/md/lg/xl), and variant (outline)
- Block editor integration – full preview in the editor with real-time attribute changes
- Lightweight – badge is loaded as a native
<img>tag, no inline SVG fetching
How it works:
- Configure your OpenStatus status page slug in Settings > OpenStatus
- Add the “OpenStatus Badge” block to any page or post
- Customize the badge appearance using the block settings
- The badge automatically links to your status page
Source Code
The source code for this plugin is publicly available on GitHub:
https://github.com/openstatusHQ/wordpress-status-widget-plugin
The src/ directory contains the uncompiled block source (JavaScript, SCSS). The build/ directory contains the compiled assets generated by @wordpress/scripts.
To rebuild from source:
- Clone the repository
- Run
npm install - Run
npm run build
Screenshots
The OpenStatus Badge block in the editor with theme, size, and variant settings
The badge displayed on the frontend
Plugin settings page — configure your status page slug and default variant
