[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Cómo personalizar página de error 404 en Joomla (3 y 4) [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 02 Marzo 2015 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 2 - 3 minutos Visitas: 9234 - - [ Blog Joomla ](https://sergioiglesias.net/etiquetas/blog-joomla) - [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla) - [ Marketing Online ](https://sergioiglesias.net/etiquetas/marketing-online) ![](https://sergioiglesias.net/images/blog/tips/personalizar-error404-joomla.webp#joomlaImage://local-images/blog/tips/personalizar-error404-joomla.webp?width=1320&height=600) Todos conocemos la página de **error 404 que muestra Joomla** por defecto y sabemos que no es lo mejor que podemos presentar en nuestro sitio web. Cómo personalizar el error 404 en #Joomla y ventajas de ello #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-personalizar-pagina-de-error-404-en-joomla?akengage_cid=152 "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-personalizar-pagina-de-error-404-en-joomla%3Fakengage_cid%3D152&text=C%C3%B3mo%20personalizar%20el%20error%20404%20en%20%23Joomla%20y%20ventajas%20de%20ello%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20personalizar%20el%20error%20404%20en%20%23Joomla%20y%20ventajas%20de%20ello%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-personalizar-pagina-de-error-404-en-joomla%3Fakengage_cid%3D152 "Envíalo") Si utilizamos alguna plantilla de algún desarrollador ésta suele venir ya adaptada al diseño de ese template. Pero... qué pasa si queremos personalizarla más. Vamos a ver cómo personalizar esta página de Joomla! ## Página de error 404 de Joomla ![Página de error 404 de Joomla](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/error404-joomla_1230.png?version=6409c843287282fd78bef10ced2f8e22) ### Fichero error.php Para personalizar esta página de error 404 (u otra, como 403), vamos a buscar el fichero error.php que se encuentra en la plantilla que tengamos seleccionada. Evidentemente, si no tiene este fichero, lo creamos. En este fichero encontraremos diferentes códigos en función de la plantilla y del desarrollador. Antes de nada, hacemos una copia de este fichero por si queremos volver a ponerlo. ![Código en error.php de Protostar](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/error-php-protostar_1230.png?version=66c3c9cacd660114e7e97d730dc31114) Y sin más, nos ponemos manos a la obra (lo que vemos arriba en la imagen es parte del código que viene en el fichero error.php de la plantilla Protostar, que es la que viene por defecto en Joomla). ## Pasos para personalizar página de error 404 en Joomla ### Paso 1 Eliminamos todo el código que haya en este fichero. Fácil, ¿no? ### Paso 2 Añadimos el siguiente código PHP, haciendo uso de la API de Joomla. ``` error->getcode() == '404') { $app->redirect($this->baseurl.'/error-404'); } ?> ``` Para **Joomla 4** el código quedaría así: ``` error->getcode() == 404) { $app->redirect($this->baseurl.'/error-404'); } ?> ``` Con esto simplemente estamos diciendo que si hay un error 404 (página no encontrada) haga una redirección y nos muestre la página que tengamos creada con el alias "error-404", es decir, que vaya a www.misitio.com/error-404. ![Código personalizado para error.php](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/codigo-personalizado-error-php_1230.png?version=c286950d8fc18ca30b7140698ea5f2b3) Y esto... ¿Cómo lo creamos? Vamos a continuar con este **tip Joomla**. ### Paso 3 Creamos un artículo que contenga el contenido que queramos mostrar. Esto ya a gusto de cada uno. ### Paso 4 Creamos un ítem de menú y lo llamamos, por ejemplo, Error 404, y en el alias ponemos error-404 Esto último es importante. Lo que pongamos en el alias es lo que tenemos que poner en el código del paso 2. Es decir, si el alias fuera **pagina-no-encontrada**, entonces, el código quedaría de la siguiente manera: ``` error->getcode() == '404') { $app->redirect($this->baseurl.'/pagina-no-encontrada'); } ?> ``` ### Paso 5 - Ventajas Ahora ya podemos asignar los módulos que queramos para poder **añadir más valor a esta página**. Por ejemplo, si tienes newsletter y quieres poner aquí el formulario de suscripción, es una buena forma de poder ganar un usuario más. Puedes poner el módulo de últimos artículos de tu blog. O el del buscador... En fin, aquí, también, a gusto de cada uno. Si quieres, puedes ver cómo lo he implementado yo, aquí te dejo una captura de pantalla: ![Página de error 404 personalizada en sergiois](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/pagina-error-personalizada-sergiois_1230.png?version=a63db3a3478e82e5e5083033e4d33ad9) Para Joomla 4 el resultado es el siguiente: ![error404 joomla4](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/error404-joomla4_1230.png?version=98f06e19a3116e6e859fff7dc234e096) Puedes usar también el siguiente override que tiene listo la web de web-eau.net para poner en tu template: [Override error 404](https://web-eau.net/en/development/joomla-overrides/error-404-page). --- Espero que os haya resultado sencillo este **tip para Joomla!** sobre **cómo personalizar la página de error 404 en Joomla**. Cualquier comentario ya sabéis que es bienvenido. Cómo personalizar el error 404 en #Joomla y ventajas de ello #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-personalizar-pagina-de-error-404-en-joomla?akengage_cid=152 "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-personalizar-pagina-de-error-404-en-joomla%3Fakengage_cid%3D152&text=C%C3%B3mo%20personalizar%20el%20error%20404%20en%20%23Joomla%20y%20ventajas%20de%20ello%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20personalizar%20el%20error%20404%20en%20%23Joomla%20y%20ventajas%20de%20ello%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-personalizar-pagina-de-error-404-en-joomla%3Fakengage_cid%3D152 "Envíalo") [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### 4 comentarios - [ ![](https://www.gravatar.com/avatar/f5a138e8530e137a6427e843806b652cdea6cdbd9c221b461118a268c5f881e8?s=48&r=G&d=mp) ](https://www.gravatar.com/f5a138e8530e137a6427e843806b652cdea6cdbd9c221b461118a268c5f881e8) Marcelo Aguirre [ Lunes, 20 Julio 2020 01:53 ](https://sergioiglesias.net/blog/joomla/como-personalizar-pagina-de-error-404-en-joomla?akengage_cid=395#akengage-comment-395) muy bueno, me funcionó ! gracias - [ ![](https://www.gravatar.com/avatar/a3ec9943bdcd7c10c87a1ddf868077371917174aef8ccd492f1dea7d2acb7466?s=48&r=G&d=mp) ](https://www.gravatar.com/a3ec9943bdcd7c10c87a1ddf868077371917174aef8ccd492f1dea7d2acb7466) Edd [ Jueves, 01 Marzo 2018 00:23 ](https://sergioiglesias.net/blog/joomla/como-personalizar-pagina-de-error-404-en-joomla?akengage_cid=214#akengage-comment-214) Excelente artículo, muy bien explicado y detallado. Muchas gracias. - [ ![](https://www.gravatar.com/avatar/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f?s=48&r=G&d=mp) ](https://www.gravatar.com/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f) sergiois [ Miércoles, 28 Septiembre 2016 09:16 ](https://sergioiglesias.net/blog/joomla/como-personalizar-pagina-de-error-404-en-joomla?akengage_cid=152#akengage-comment-152) Gracias Manuel!<br /><br />Me alegro que te haya gustado el artículo.<br /><br />Un saludo, - [ ![](https://www.gravatar.com/avatar/f328a2079db14cb4d5189ae17689f1b9053465f37e9ae923f63edfa72358723e?s=48&r=G&d=mp) ](https://www.gravatar.com/f328a2079db14cb4d5189ae17689f1b9053465f37e9ae923f63edfa72358723e) Manuel [ Miércoles, 28 Septiembre 2016 00:48 ](https://sergioiglesias.net/blog/joomla/como-personalizar-pagina-de-error-404-en-joomla?akengage_cid=151#akengage-comment-151) Muy bueno tu articulo, explicas fácil el proceso en 5 pasos. Gracias por tu trabajo. Edited on Miércoles, 11 Octubre 2023 07:55 by sergiois. ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*