OpenStatus Badge

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:

1. Configure your OpenStatus status page slug in Settings > OpenStatus
2. Add the “OpenStatus Badge” block to any page or post
3. Customize the badge appearance using the block settings
4. 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:

1. Clone the repository
2. Run npm install
3. Run npm run build