When a user lands on a broken link or an internal server error occurs, the default error page served by your hosting platform or framework is often generic. Sometimes, it's downright cryptic. This creates a poor experience and breaks your brand tone. Worse, it can increase bounce rates and confuse users.
With redirection.io, you don't need to touch server files, code custom logic, or wait for developers. You can intercept error responses and display beautifully branded error pages instantly — without ever touching the backend.
This recipe empowers website owners to shape a more user-friendly and branded experience during error occurrences. Custom error pages serve as a crucial element in web design and user engagement.
What does this redirection.io recipe do?
This recipe allows you to replace standard error pages (like 404 Not Found or 500
Internal Server Error) with your own custom-designed error pages.
You can define:
- the error codes you want to handle (
404
,410
,500
, etc.); - the content of your custom HTML error page.
The experience becomes seamless and user-friendly, and your brand remains consistent.
Why install this recipe?
Here's what you gain:
- Better UX: instead of an ugly "Not Found" screen, guide your visitors with clear messaging, search tools, or alternative CTAs.
- No development required: you don't need to update your backend framework or server configuration. No
.htaccess
, no nginx directice to write. - Faster deployment: ideal for time-sensitive fixes or high-traffic launches — go live in seconds.
- Full branding control: match your brand voice, visuals, and tone of voice even during error events.
How to install this recipe on my website with redirection.io?
Installing this recipe on your website requires the following steps:
- Paste the HTML Code: Paste the HTML code for the desired error page in the "HTML content" field. Ensure that the code does not exceed 50kB, optimizing for both performance and user experience.
- Choose a status code: In the "Error page type" field, select the type of error for which this error page should be served
- Click on "Install on My Website": Instakl teh recipe - this will create the associated redirection.io rule in "draft" mode.
- Publish the rules: Review the rule created by the recipe and edit it if necessary. Then, publish the rules to activate the new customized error pages on your website - it should be live within a few seconds after publication.
Repeat for Different Status Codes (Optional)
For a comprehensive customization of error pages, consider installing the recipe multiple times, each for different status codes (e.g., 404 and 5xx).
Customize at least the 404 (Not Found) and 5xx (Server Error) error pages to provide meaningful information and guidance to users.