--- title: "Personalización de la página 404" slug: "404-page" description: "404 page appears when a reader tries to access a nonexistent page on our Knowledge base site. You can customize the 404 page using the basic or custom style." tags: ["Error pages", "Customize site"] updated: 2026-06-22T08:47:53Z published: 2026-06-22T08:47:53Z canonical: "docs.document360.com/404-page" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Personalización de la página 404 La página 404 aparece cuando un lector intenta acceder a una página inexistente en tu sitio de base de conocimientos, por ejemplo, al seguir una URL eliminada o rota. Mientras que el error 404 por defecto del navegador no ofrece a los lectores un camino útil hacia adelante, una página personalizada del 404 puede reconocer claramente el error y dirigir a los lectores al lugar correcto mediante enlaces útiles y botones de navegación. NOTA Una vez configuras una página personalizada de 404, no puedes volver a la predeterminada. Se recomienda tener una página personalizada 404 para mejorar la experiencia del lector. --- ## Cómo personalizar la página 404 1. Navega a Configuración () > Sitio de la base de conocimientos en la barra de navegación izquierda del portal de la base de conocimientos. 2. En el panel de navegación izquierdo, navega hasta **personalización del sitio**. 3. Haz clic en **el botón Personalizar sitio** . ![Site customization page showing the Customize site button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customize-site.png) 1. En el menú desplegable de la izquierda, selecciona **página 404**. 2. Personaliza la página usando una de dos opciones: - **Estilo básico** - Personaliza los botones predeterminados de imagen, encabezado, párrafo y enlace. - **Estilo personalizado** - Añadir HTML y CSS personalizados. Usa el interruptor **de Vista previa** para cambiar entre la vista de código y la vista renderizada. 3. Haz clic **en Guardar** para guardar sin solicitar inmediatamente, **en Vista previa** para revisar y **en Publicar** para hacer cambios en directo. ![404 error page with options to navigate to documentation or home](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140589648.png) --- ## Estilo básico ### Imagen 1. Haz clic **en imagen**. Aparece el panel de Imagen. 2. Haz clic en **Cambiar** y elige entre: - **Imágenes predeterminadas** - Selecciona entre las imágenes predeterminadas disponibles y haz clic **en guardar**. - **Imagen** - Introduce una URL de imagen o súbela desde tu Drive y haz clic **en guardar**. 3. Ajusta la alineación de la imagen (izquierda, centro o derecha) según sea necesario. ![Image selection interface showing alignment options and default images](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140609668.png) ### Rumbos 1. Haz clic **en el encabezado**. Aparece el panel de Encabezado. 2. Introduce el texto del encabezado deseado. 3. Selecciona un color de la paleta de colores del texto. > El encabezado por defecto será "404". ![Editing the 404 page heading](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140635154.png) ### Párrafo 1. Haz clic **en párrafo**. Aparece el panel de Párrafo. 2. Introduce una descripción para ayudar a los lectores a entender el contexto. 3. Selecciona un color de la paleta de colores del texto. > El texto por defecto será "¡Ups! Página no encontrada." ![Editing the 404 page paragraph](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140655833.png) ### Botones Añade hasta tres botones de enlace para guiar a los lectores hacia páginas útiles. 1. Haz clic **en los botones**. 2. Haz clic **en el botón Añadir** para crear un botón nuevo. 3. Introduce texto y URL para cada botón. 4. Haz clic en el icono **Borrar** () para eliminar un botón o en el **icono Ocultar** () para ocultarlo. 5. Haz clic **en Borrar** en la parte inferior para eliminar todos los botones. 6. Cuando termines, haz clic **en Guardar**. NOTA Enlaces sugeridos para incluir en la página 404: página principal, un formulario de contacto para que los lectores informen de enlaces rotos, el mapa de tu base de conocimientos y tus categorías o artículos más populares. ![404 page buttons panel showing Documentation and Home navigation options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140681230.png) --- ## Estilo personalizado 1. **Selecciona Estilo personalizado** y cambia entre las **secciones HTML** y **CSS**. 2. Actualiza el código según sea necesario. 3. Activa el interruptor **de Vista previa** para ver la página actualizada. 4. Haz clic **en Guardar** y **luego en Publicar** para postular. ![Custom style editor showing HTML and CSS sections for the 404 page](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140700291.png) --- ## Mejores prácticas - **Mantén el diseño fiel a la marca** : usa los mismos colores y tonos que el resto de tu base de conocimientos para que los lectores sepan que siguen en el lugar correcto. - **Usa un lenguaje amigable y sencillo** : evita jerga técnica. Reconoce el error con ligereza: "Es posible que esta página se haya movido o ya no exista." - **Siempre añade al menos un botón** : enlaza al menos a la página principal. Dos o tres botones que cubren el hogar, la documentación y un formulario de contacto ofrecen a los lectores los siguientes pasos claros. - **Usa la página 404 junto con las reglas de redirección** : personaliza la página 404 para detectar errores inevitables y usa [las reglas de redirección de artículos](https://docs.document360.com/docs/es/article-redirect-rules) para corregir URLs rotas conocidas de forma proactiva. ## Related - [Páginas de error](/error-pages.md) - [Personalización de la página de acceso denegado](/access-denied-page.md) - [Personalización de la página no autorizada](/unauthorized-page.md) - [Personalización de la página de restricción de IP](/ip-restriction-page.md)