Description
Adds a block that mimics the Cloudflare downtime error screen. Use it to create error pages that look like the official Cloudflare error pages.
This plugin is based on the cloudflare-error-page project, adapted as a WordPress block for the Gutenberg editor.
Important Notice: This plugin is not affiliated with, endorsed by, or connected to Cloudflare, Inc. This plugin is an independent project created for educational and entertainment purposes.
External services
The plugin uses the ipify API to fetch the visitor’s IP address when they click “Click to reveal” in the block. Only a GET request is made; no other data is sent. See ipify’s terms of use and privacy policy.
Source Code
The plugin’s JavaScript and CSS are built from source. The human-readable source is in the src/ directory on GitHub.
Contributing
Contributions are welcome. Open issues, suggest features, or send pull requests on GitHub.
Credits
This plugin is based on the idea and some code from cloudflare-error-page by donlon (MIT License). See THIRD_PARTY_LICENSES.md for details.
Screenshots
Block placed in the “404 page” template 
Error code and message can be changed in the settings sidebar 
The “404 page” shown on the frontend
Blocks
This plugin provides 1 block.
- CDN Error Mockup – Cloudflare Adds a block that mimics the Cloudflare downtime error screen.
Installation
Method 1: Install from WordPress Plugin Directory
- Go to Plugins > Add New in your WordPress admin.
- Search for “CDN Error Mockups”.
- Click Install Now, then Activate.
Method 2: Manual Installation
- Download the plugin ZIP file from the WordPress Plugin Directory.
- Go to Plugins > Add Plugin > Upload Plugin in your WordPress admin.
- Choose the downloaded ZIP file and click Install Now.
- Activate the plugin from the Plugins screen.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“CDN Error Mockups” is open source software. The following people have contributed to this plugin.
Contributors
“CDN Error Mockups” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “CDN Error Mockups” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release