Maxwell Morgan

Pratik Barvaliya

Rareview®

Damir Tahiri

Simon Dickson

<p>Take control of your site’s 404 Page Not Found error response with this simple, lightweight and core-friendly plugin.</p>
<p>Out of the box, WordPress treats 404 pages as a technical matter, with themes encouraged to include a hard-coded <code>404.php</code> template. But that means it’s difficult for site owners to make changes.</p>
<p>404 pages have become a space for websites and publishers to have a little fun, putting a smile on visitors’ faces as their journey is halted. They can also serve a useful navigational purpose, guiding users to the site’s latest or most popular content, or offering a search box.</p>
<p>By using WordPress’s built-in Pages feature, you can design and serve a feature-rich 404 page, making full use of WordPress content and navigation blocks. And you can edit and maintain it as easily as any other Page.</p>
<p>Just activate this plugin, then select your desired Page from the dropdown list on the Settings &rarr; Reading page.</p>
<p>Developer documentation and source code are available on GitHub.</p>
<h3>Development</h3>
<p>This plugin uses modern build tooling for development.</p>
<p>Source code is publicly available at:<br />
https://github.com/rareview/page-as-404</p>
<h3>Build process</h3>
<p>JavaScript and CSS assets are compiled for distribution.<br />
The uncompiled source code and build instructions can be found in the repository above.</p>
<p>Typical development workflow:</p>
<ul>
<li><code>composer install</code></li>
<li><code>composer lint</code></li>
<li><code>composer format</code></li>
<li><code>npm install</code></li>
<li><code>npm run watch</code> or <code>npm run build</code></li>
</ul>
<p>PHP dependencies are managed with Composer for development purposes only.<br />
The distributed plugin includes only the compiled assets required at runtime.</p>


Page as 404


Something so simple that's often overlooked. Much easier than having to modify the theme. It's also nice that if you're logged it, you can edit the page directly.






Works great, surprised this isn't in core


I love that it’s lightweight, core-friendly, and works seamlessly with the block editor. Being able to design a custom 404 page using blocks in the editor is incredibly useful.


A must-have plugin for better 404 pages


It is very rare to see a plugin that solves a common problem in a native WordPress way. I like how Page as 404 doesn’t overload the dashboard with custom branding, upsell popups, or unnecessary UI. It just solves a very common problem. This should be a core feature.


Solves a Real Problem Without the Noise


It does exactly what it says and covers all best practices (sitemap, robots, etc.). Code looks solid and trustworthy.



Should be part of WordPress.


Simple but very useful

The lightweight and core-friendly way to manage your site's 404 response using a standard Page within your site

Jon Christopher

Peter Raschendorfer

NerdPress

<p>Bringing visitors to your website takes time and effort. Every visitor is important. The default 404 error page of most themes does not provide any information on what to find on your site. A first-time visitor, who does not know you, is left in a dead end and leaves your website. Set up a helpful custom 404 error page to keep them on your site!</p>
<p>This handy plugin allows you to easily create your own 404 error page without any effort and it works with almost every theme.</p>
<h3>Out of Retirement!</h3>
<p>NerdPress has adopted Smart Custom 404 Page! <a href="https://www.nerdpress.net/announcing-404-page/" rel="nofollow ugc">Read the announcement here.</a></p>
<p>We’ve been fans of this plugin for many years, and we’re grateful for Peter’s many years of service to the community. Peter retired from plugin development in October 2023, so we’ve jumped in to help ensure this plugin continues to work well now and in the future.</p>
<h3>Usage</h3>
<p>Create your custom 404 error page just like any other page using the WordPress Editor (<code>Pages > Add New</code>). Then go to <code>Appearance > 404 Error Page</code> and select the created page as your custom 404 error page. That’s it!</p>
<h3>Why use this plugin?</h3>
<p>Unlike similar plugins the 404page plugin <strong>does not create redirects</strong>. That’s <strong>quite important</strong> because a correct code 404 is delivered which tells search engines that the page does not exist and has to be removed from the index.</p>
<p>Additionally, the 404page plugin <strong>does not create additional server requests</strong>.</p>
<h3>Requirements</h3>
<p>The only requirement for this plugin is that you change the Permalink Structure in <code>Settings > Permalinks</code> to anything else but “Plain.” This also activates the WordPress 404 error handling.</p>
<h3>Block & Shortcode</h3>
<h4>Block</h4>
<p>The Plugin offers a block “URL causing 404 error” for the block-based editor to show the URL that caused the error. The block offers three display options:</p>
<ul>
<li>“Page” to show the page including path ( e.g. <code>does/not/exist</code> )</li>
<li>“Domain Path” to show the URL without protocol and parameters ( e.g. <code>example.com/does/not/exist</code> )</li>
<li>“Full” to show the complete URL ( e.g. <code>https://example.com/does/not/exist?p=1</code> )</li>
</ul>
<h4>Shortcode</h4>
<p>The Plugin offers a shortcode “pp_404_url” for the classic editor to show the URL that caused the error. There are three possible options:</p>
<ul>
<li><strong><code>[pp_404_url page]</code></strong> to show the page including path ( e.g. <code>does/not/exist</code> )</li>
<li><strong><code>[pp_404_url domainpath]</code></strong> to show the URL without protocol and parameters ( e.g. <code>example.com/does/not/exist</code> )</li>
<li><strong><code>[pp_404_url]</code></strong> or <strong><code>[pp_404_url full]</code></strong> to show the complete URL ( e.g. <code>https://example.com/does/not/exist?p=1</code> )</li>
</ul>
<h3>Plugin Privacy Information</h3>
<ul>
<li>This plugin does not set cookies</li>
<li>This plugin does not collect or store any data</li>
<li>This plugin does not send any data to external servers</li>
</ul>
<h3>For developers</h3>
<h4>Action Hook</h4>
<p>The plugin adds an action hook <code>404page_after_404</code> which you can use to add extra functionality. The exact position the action occurs after an 404 error is detected depends on the Operating Method. Your function must not generate any output. There are no parameters.</p>
<h4>Constant</h4>
<p>If the 404page plugin is installed and activated it defines the PHP constant <code>PP_404</code>. Check existence of it to detect the 404page plugin.</p>
<h4>Functions</h4>
<p>The Plugin provides the following functions:</p>
<ul>
<li><strong><code>pp_404_is_active()</code></strong> to check if there is a custom 404 page selected and the selected page exists</li>
<li><strong><code>pp_404_get_page_id()</code></strong> to get the ID of the 404 page </li>
<li><strong><code>pp_404_get_all_page_ids()</code></strong> to get an array of page IDs in all languages</li>
<li><strong><code>pp_404_get_the_url( $type )</code></strong> to get the URL that caused the 404 error
<ul>
<li>Parameter $type string Optional</li>
<li>“page” to get the page including path ( e.g. <code>does/not/exist</code> )</li>
<li>“domainpath” to get the URL without protocol and parameters ( e.g. <code>example.com/does/not/exist</code> )</li>
<li>“full” (default) to get the complete URL ( e.g. <code>https://example.com/does/not/exist?p=1</code> )</li>
</ul>
</li>
</ul>
<h4>Native Mode</h4>
<p>If you are a theme developer you can add native support for the 404page plugin to your theme for full control.</p>


Smart Custom 404 Error Page


Many thanks to @nerdpressteam for adopting my plugin and continuing the work


Thank you


molt útil, abans tenia perduda la pagina


mooolt bo

Create a custom 404 error page the easy way! No coding, and no redirects.

Page as 404 vs Smart Custom 404 Error Page