If you have ever made an accidental change to a live website when you thought you were working on staging, you know that sinking feeling. The client's site is down, customers are seeing broken pages, and you are scrambling to undo whatever just happened.
It is a rite of passage for WordPress developers and agencies managing multiple environments. But it does not have to be.
Today we are announcing the release of 365i Environment Indicator, a free WordPress plugin that provides instant visual feedback about which environment you are working in. No more guessing. No more heart-stopping moments when you realise you just ran that database query on production.
Download it free from WordPress.org
Why We Built This
Managing multiple WordPress installations is standard practice for any serious development workflow. You have your local environment for building features, a staging server for client review, and the production site that real customers use.
The problem? These environments often look identical. Same theme, same plugins, same admin interface. When you have three browser tabs open (one for each environment) it is remarkably easy to run a plugin update or edit a page on the wrong one.
"This function allows plugin and theme authors to more easily differentiate how they handle specific functionality between production and development sites in a standardized way."
- WordPress Developer Documentation
WordPress itself recognised this challenge back in version 5.5 when they introduced the WP_ENVIRONMENT_TYPE constant. But having the technical capability to detect environments is one thing. Making it immediately obvious to the person using the admin is another. Whether you are choosing WordPress as your CMS or already running it, knowing which environment you are working in is fundamental.
After nearly 30 years building websites, I have seen this problem catch out even experienced developers. It happened to me more times than I care to admit. So we built the solution we wished existed.
How It Works
The 365i Environment Indicator takes a simple approach: make the current environment impossible to miss.
Smart Automatic Detection
The plugin automatically detects your environment using multiple methods:
- WordPress standard:
WP_ENVIRONMENT_TYPEconstant (local, development, staging, production) - Alternative constant:
WP_ENVused by some deployment tools - Hosting provider constants: WP Engine, Pantheon, Kinsta, and Flywheel all have their own environment detection methods, and the plugin recognises them automatically
- Subdomain patterns: URLs containing "dev.", "staging.", "test.", or "local." trigger automatic detection
In most cases, you install the plugin and it just works. No configuration needed.
Colour-Coded Admin Bar Labels
Once active, a bold label appears in your WordPress admin bar:
| Environment | Colour | Meaning |
|---|---|---|
| DEV / LOCAL | Green | Safe to experiment |
| STAGING | Orange | Test environment, proceed with care |
| LIVE / PRODUCTION | Red | Real site, be careful |
The visual system is intuitive: green means go, orange means caution, red means stop and think. You cannot miss it.
Customisation Options
Every agency has different workflows and terminology. The plugin adapts to yours:
Custom Labels
Prefer "LOCAL" instead of "DEV"? Use "UAT" instead of "STAGING"? Call production "PROD"? No problem. Rename everything to match your team's vocabulary.
Custom Colours
Match your brand colours or use your own visual coding system. Each environment can have a completely custom colour.
Visual Enhancements
Beyond the admin bar label, you can enable:
- Full admin bar colouring: The entire admin bar takes on the environment colour
- Top border: A coloured stripe runs across the top of every admin page
- Footer watermark: Environment label appears in the admin footer
- Dashboard widget: A status card showing environment, WordPress version, and PHP version
Agency Features
We built this plugin with agency workflows in mind. Here are the features that make managing multiple client sites easier:
Role-Based Visibility
Clients do not need to see environment indicators cluttering their admin interface. You can restrict visibility to specific user roles: show it to administrators and developers, hide it from editors and authors.
Export/Import Settings
Configure the plugin once, export your settings, and import them across all your client sites. Consistent setup without repetitive configuration.
Multisite Compatible
Running a WordPress Multisite network? The plugin works network-wide or can be configured per-site, depending on your needs.
Zero Impact on Visitors
This is important: the 365i Environment Indicator only affects logged-in users viewing the admin area. Your website visitors never see anything. No frontend output, no JavaScript, no performance impact.
It is purely a developer and administrator tool.
"Many new developers don't seem to realize how useful it is to use a testing/staging environment when modifying a website in any way, even during typical stuff like updating plugins. It is the safest way available to apply any type of changes."
- Toptal: The 12 Worst Mistakes WordPress Developers Make
Having built websites since the mid-1990s, I can confirm this observation. The number of times I have seen experienced developers accidentally push changes to production is sobering. A simple visual indicator eliminates this entire category of mistake. As we explored in what makes a website actually work, the details that seem small often have the biggest impact on reliability. Our WordPress development service builds these kinds of safeguards into every project.
Technical Details
For those who want the specifics:
- Version: 1.0.7
- Requires WordPress: 5.5 or higher
- Requires PHP: 7.4 or higher
- Tested up to: WordPress 6.9
- Dependencies: None, pure PHP, no external libraries
- License: GPL v2 or later (100% open source)
The plugin follows WordPress coding standards and uses native WordPress functions wherever possible. It is lightweight by design: no bloat, no upsells, no premium version needed for essential features. If you are also looking for performance monitoring across environments, our companion 365i Performance Optimizer plugin complements this tool nicely.
Getting Started
Installation takes less than a minute:
- Go to Plugins → Add New in your WordPress admin
- Search for "365i Environment Indicator"
- Click Install Now, then Activate
- The plugin will automatically detect your environment
That is it. For most users, no further configuration is needed. If you want to customise labels, colours, or visibility settings, visit Settings → Environment Indicator.
Works With Popular Managed Hosts
The plugin automatically recognises environments from these managed WordPress hosting providers:
- WP Engine: Detects development, staging, and production environments via
WPE_APIKEYand environment flags - Pantheon: Uses the
PANTHEON_ENVIRONMENTconstant - Kinsta: Recognises staging via
KINSTA_DEV_ENV - Flywheel: Detects local development environments
- 365i Hosting: Full support for our own WordPress hosting environment detection
If your host uses standard WP_ENVIRONMENT_TYPE or subdomain-based staging, detection works automatically.
Frequently Asked Questions
Does the plugin affect website performance?
No. The plugin only runs in the WordPress admin area for logged-in users. It adds no code, scripts, or styles to your public-facing website. Visitors experience zero performance impact.
What if my environment is not detected automatically?
You can manually select your environment in the plugin settings. Choose from DEV, STAGING, or LIVE, and the indicator will display accordingly. You can also add the WP_ENVIRONMENT_TYPE constant to your wp-config.php file for automatic detection.
Can I hide the indicator from clients?
Yes. The role-based visibility feature lets you restrict the indicator to specific user roles. Show it to administrators only, or any combination of roles you choose. Clients with editor access can be excluded entirely.
Can I create custom environment names?
Yes. You can rename the default labels (DEV, STAGING, LIVE) to anything you prefer: LOCAL, UAT, PRODUCTION, or whatever terminology your team uses. Each environment can also have a custom colour.
Does it work with WordPress Multisite?
Yes. The plugin is fully compatible with WordPress Multisite networks. You can configure it network-wide or allow individual sites to have their own settings.
Is it really free? What is the catch?
It is completely free with no premium version or paid upgrades. We built it because we needed it for our own client work at 365i. Sharing it benefits the wider WordPress community, and frankly, a plugin this focused does not need monetisation.
Download 365i Environment Indicator
Stop guessing which environment you are working in. Get instant visual feedback and prevent costly production mistakes.
Download Free from WordPress.orgSources:
