CDN Error Mockups
Create customizable Cloudflare-style error page mockups with a WordPress block.
Use with caution
CDN Error Mockups works, but test it on a staging site before relying on it in 2026. Was last updated 2 months ago, and scores 48/100 on our health check.
- Small user base (<10 active installs)
- Very few reviews so far
- Only tested up to WordPress 6.9 (latest is 7.1)
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where CDN Error Mockups stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| 404 | >100 |
| block | >100 |
| cloudflare | >100 |
| error page | >100 |
About CDN Error Mockups
From the official readme · v1.2.0Description
CDN Error Mockups provides a block for creating realistic Cloudflare-style
error screens.
Use it in error page templates, maintenance pages, design previews, and
lighthearted site experiences.
The block is independently developed and is not affiliated with, endorsed by,
or connected to Cloudflare, Inc.
Features
- Customize the error title, HTTP error code, and explanatory messages.
- Configure Browser, Cloudflare, and Host labels and statuses independently.
- Choose which service is presented as the source of the error.
- Reveal the visitor’s IP address without calling an external service.
- Generate a new mock Ray ID and timestamp when the page loads.
- Preserve keyboard focus and announce the revealed IP to assistive technology.
- Adapt the three service statuses for desktop and narrow screens.
- Keep the block’s CSS isolated from the surrounding WordPress theme.
Usage
- Open a post, page, or template in the block editor.
- Add the CDN Error Mockup – Cloudflare block.
- Use the block settings sidebar to configure:
- The title and error code.
- The “What happened?” and “What can I do?” messages.
- Browser, Cloudflare, and Host names, locations, and status text.
- The service that should appear as the source of the error.
- Publish or preview the page.
The block works well in:
- 404 and other error templates.
- Maintenance and temporary outage pages.
- Theme and page-builder previews.
- Demo, educational, and humorous content.
IP address display and privacy
The IP address is requested only after a visitor selects Click to reveal.
The request is sent to this plugin’s REST API endpoint on the same WordPress
site.
No external IP lookup service is contacted.
The endpoint checks CF-Connecting-IP, X-Forwarded-For, and REMOTE_ADDR.
Sites behind a CDN or reverse proxy should configure that proxy correctly,
because forwarded headers can otherwise be inaccurate or spoofed.
The displayed value is informational and should not be used for authentication
or authorization.
Source code
Human-readable JavaScript and SCSS source is available in the
src directory.
Compiled assets distributed with the plugin are stored in build.
Credits
The project is based on ideas and code from
cloudflare-error-page by donlon, licensed under the
MIT License.
See THIRD_PARTY_LICENSES.md for details.
Installation
Install from WordPress
- Open Plugins > Add New Plugin in WordPress.
- Search for CDN Error Mockups.
- Select Install Now, and then activate the plugin.
Install a ZIP file
- Download
cdn-error-mockups.zipfrom the
[latest GitHub release][github-release]. - Open Plugins > Add New Plugin > Upload Plugin.
- Select the ZIP file and choose Install Now.
- Activate the plugin.
Frequently asked questions
Is this an official Cloudflare plugin?
No. This is an independent project for educational and entertainment purposes. It is not affiliated with, endorsed by, or connected to Cloudflare, Inc.
Can every part of the mock error be customized?
The title, error code, explanatory messages, error source, and the labels and statuses for Browser, Cloudflare, and Host can be configured in the block settings sidebar.
Does the plugin send visitor data to an external service?
No. The optional IP reveal feature uses a same-site WordPress REST API request and server request headers.
Can the block be used more than once?
Yes. It can be added to multiple posts, pages, and templates.
What versions are required?
The plugin requires WordPress 6.9 or newer and PHP 8.0 or newer.
Changelog
1.2.0
- Isolate block styles from the active theme.
- Improve keyboard focus and the accessible IP reveal interaction.
- Generate Ray IDs without depending on translated labels.
- Add WordPress Coding Standards checks through Composer.
- Add a reproducible WordPress Playground 404-template demo Blueprint.
1.1.1
- Add contextual translations for “Error code” in the inspector and mockup.
1.1.0
- Add configurable Browser, Cloudflare, and Host statuses.
- Add the same-site IP address reveal feature.
1.0.0
- Initial release.
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best CDN Error Mockups alternatives
All 404 plugins →
FAQ
CDN Error Mockups: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Sep 29, 2026
Is CDN Error Mockups free?
Yes. CDN Error Mockups is free to download and use from the official WordPress.org plugin directory.
Is CDN Error Mockups safe to use in 2026?
CDN Error Mockups works, but test it on a staging site before relying on it in 2026. Was last updated 2 months ago, and scores 48/100 on our health check.
How many websites use CDN Error Mockups?
CDN Error Mockups is active on <10 WordPress websites and has been downloaded 625 times since it launched in January 2026. It was downloaded 61 times in the last 30 days.
Does CDN Error Mockups work with WordPress 7.1?
CDN Error Mockups is officially tested up to WordPress 6.9.9, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
What PHP version does CDN Error Mockups need?
CDN Error Mockups requires PHP 8.0 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was CDN Error Mockups last updated?
The latest version, 1.2.0, was released on July 26, 2026 (2 months ago).
Who makes CDN Error Mockups?
CDN Error Mockups is developed and maintained by Hiroshi Sato.
What are the best alternatives to CDN Error Mockups?
The most popular alternatives to CDN Error Mockups are Redirection (2M+ installs), Broken Link Checker by AIOS… (300K+ installs) and Smart Custom 404 Error Page (100K+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
