Cómo crear una página de error 404 personalizada en WordPress

Hay muchas razones por las cuales las personas cumplen con su página 404, incluidos errores como escribir errores y direcciones de URL incorrectas. La frustración de no encontrar la página que está buscando se puede transmitir mediante una página de error personalizada y tal vez incluso transformada en una experiencia positiva. Al crear una página 404 más cautivadora, puede asegurarse de que un error simple no socave todo lo que sea excelente en su sitio en esta publicación, discutiremos por qué es posible que desee reemplazar la página de stock de WordPress con su propio diseño. Luego cubriremos cinco artículos obligatorios que pueden hacer que su página 404 sea un lugar más agradable. ¡Vamos a empezar!
¿Qué es una página 404 (y por qué es posible que desee crear una personalizada) una página 404 indica que ha llegado al dominio solicitado, pero la URL Calea no proporcionó información? Esencialmente, este es Internet para anunciar que el camino que está tratando de seguir no está en ninguna parte. Si no agrega una página personalizada a su sitio web, el servidor mostrará una página de stock 404. El diseño y su contenido variarán según su tema de WordPress:

Si bien la mayoría de los temas hacen un buen trabajo al proporcionar una página 404 diseñada profesionalmente, este sigue siendo un diseño de stock. Si confía en este enfoque universal, puede perder algunas oportunidades valiosas.
Puede ser un mensaje de error, pero una página de 404 sigue siendo una oportunidad para fortalecer su marca y causar una impresión en su audiencia. Si ingresa las “mejores 404 páginas” en su motor de búsqueda preferido, encontrará muchos ejemplos creativos y atrayendo la atención:

Incluso si crea una página 404 cautivadora e innovadora, satisfacer este mensaje de error nunca es ideal. Cada vez que un visitante llega a esta página, siempre existe la oportunidad de renunciar por completo a su sitio, las mejores 404 páginas personalizadas tienen como objetivo reenviar a los visitantes. Por ejemplo, puede presentar el contenido más interesante y popular de su sitio en forma de una sección de publicación recomendada o relacionada. Esto puede despertar un cierto interés en un visitante que estaba a punto de navegar lejos de su sitio, incluso podría usar el mensaje de error 404 como herramienta de conversión. Por ejemplo, si conduce un comercio electrónico, puede agregar algunas recomendaciones de productos a esta página. Con un diseño adecuado, su página 404 puede comenzar a contribuir positivamente a su sitio. Cómo crear una página de error Página 404 personalizada en WordPress en un mundo ideal, los visitantes nunca cumplen con su mensaje de error 404. Sin embargo, la realidad es que algo tan simple como una URL incorrecta puede enviar a los visitantes directamente a un callejón ciego.
Mire la filmación teniendo en cuenta esto, veamos cómo puede convertir este error en algo positivo creando una página 404 personalizada. La página 404 normalmente está controlada por su tema y no puede editarlo directamente. Sin embargo, el complemento Premium Beaver Builder combinado con el complemento adicional de Beaver Themer le permite crear una página 404 personalizada utilizando una herramienta de apariencia de página estándar.
Con estos complementos instalados, explore los diseños de Beaver Builder> Themer y haga clic en nuevo:
En la siguiente pantalla, dale a tu apariencia un título descriptivo. Para el tipo, seleccione temas: para la apariencia, seleccione 404. Luego haga clic en Agregar apariencia temática, luego haga clic en Iniciar Beaver Builder. Ahora está listo para comenzar a construir su página 404. La apariencia inicial de Themer tiene una plantilla que se ve así:

Puede cambiar cualquier aspecto de este aspecto inicial para producir sus propios mensajes. Para editar cualquier fragmento de texto, haga clic en él para abrir la configuración del módulo, donde puede crear su propio mensaje:

Si incluye el botón Atrás en la página de inicio de la plantilla, asegúrese de agregar su propio enlace haciendo clic en el botón Editor para abrir su configuración. En el panel de configuración, desplácese al campo de enlace:

Ahora puede agregar su página de inicio o cualquier otra URL y puede especificar si este enlace debe abrir en una nueva pestaña. También puede cambiar los colores de las filas y módulos abriendo la configuración y haciendo clic en la pestaña Estilo. Hay muchas formas adicionales de personalizar esta página predeterminada, pero esto es todo lo que necesita para crear un diseño funcional. Para activar esta página, haga clic en Terminado> Publicar. Puede probar la nueva página en el front-end ingresando deliberadamente una URL que no existe.

Cómo crear una página 404 más cautivadora (5 módulos esenciales Beaver Builder) En este momento, tiene una página básica de 404. Pero Beaver Builder tiene muchos más módulos que pueden ayudarlo a llevar su diseño al siguiente nivel. Echemos un vistazo a cinco de nuestros favoritos. Consejo: Para agregar un módulo a su apariencia en el editor de Beaver Builder, haga clic en el icono de esquina + derecho para abrir el panel contenido y asegúrese de que el módulo esté seleccionado. Tire de cualquier módulo en su aspecto y colóquelo en la ubicación de destino. Ahora está listo para crear una página 404 verdaderamente atractiva.1. Menú de navegación Muchos modelos 404 tienen un enlace de devolución a la página de inicio. Este es un excelente comienzo, pero no todos quieren visitar el centro central de su sitio al incluir un menú de navegación destacado, puede dar a los visitantes la flexibilidad de ir directamente a diferentes partes de su sitio. Si tiene suerte. Esto podría incluir. Incluso el contenido al que inicialmente estaban tratando de acceder. De esta manera, un menú puede significar la diferencia entre los visitantes que continúan interactuando con su contenido o navegar de su sitio.

Para comenzar, dibuje un módulo de menú desde el panel contenido en su aspecto. Esto abre automáticamente la configuración del módulo de menú:
Haga clic en el menú del menú desplegable Menú Menú y elija el menú de navegación de WordPress que desea mostrar como parte de su 404. (Si aún no ha configurado uno, puede hacerlo desde el panel de administración de WordPress> Menús.) También puede Elija entre diferentes estilos, como horizontal, vertical o acordeón. 2. Publicaciones recomendadas Puede resaltar el contenido nuevo e interesante de su sitio agregando una sección de publicación reciente en el sitio. Elija un módulo de publicación, publique carrusel o su control deslizante y agréguelo a su página 404: dependiendo de la configuración del módulo, puede mostrar la imagen presentada o un fragmento del contenido de publicación. Esta puede ser una excelente manera de atraer la atención de los visitantes y atraer el módulo de publicación en su sitio muestra una selección de artículos en una columna, mampostería o aspecto de lista. Este módulo es el más versátil en términos de lo que muestra y cuánto puede cambiar su configuración. El módulo Publica Carusel le permite presentar algunos artículos en una fila horizontal, con o sin animación. Este módulo muestra la imagen presentada de cada publicación, superpuesta con información como el título de la página:
Puede configurar esta línea para ejecutarse automáticamente o permitir que los visitantes hagan clic manualmente en las opciones disponibles. Usando el módulo de publicación de carrusel, puede mostrar una gran cantidad de publicaciones en un espacio limitado y sin abrumar al visitante con una pared de texto. El módulo Slider Postari muestra un texto superpuesto. Debido a que le da a las imágenes una posición primordial, el control deslizante de publicaciones es una excelente opción para artículos que tienen una imagen que atrae la atención:
3. Formulario de contacto Los enlaces interrumpidos pueden ser desastrosos para la experiencia de los visitantes y también pueden afectar la optimización de los motores de búsqueda (SEO). Los motores de búsqueda están accediendo con rastreadores todos los enlaces de su sitio, incluidos los rotos. Esto desperdicia el presupuesto de acceso a rastreo y puede retrasar la ocurrencia del contenido de su sitio en los resultados relevantes del motor de búsqueda. Con tanto en el juego debes saber si hay enlaces rotos. Aquí, puede reclutar a sus visitantes como probadores, dándoles una manera fácil de informar los 404 errores que encuentro. Para alentar esta contribución útil, puede darles un incentivo para informar 404 mensajes, como un código de descuento para su tienda WooCommerce. Puede permitir a los visitantes informar enlaces dañados agregando un formulario de contacto en su página 404: de forma predeterminada, este formulario de contacto enviará sus respuestas a su administrador de WordPress. Si desea utilizar una cuenta alternativa, puede ingresar esta dirección en la configuración de referencia al correo electrónico:

Para aclarar que este formulario está destinado a informar enlaces interrumpidos, recomendamos agregar un texto de apoyo. Puede agregar esto usando el módulo de editor de texto de Beaver Builder. También puede editar el texto del botón Formulario para crear un impulso claro (CTA):


Para editar esta etiqueta, haga clic en la pestaña del botón en el panel de configuración de formulario de contacto. Luego puede ingresar el nuevo CTA en la configuración de texto del botón. 4. Los menús de navegación de la barra de búsqueda y las secciones de publicación son excelentes para alentar a los visitantes a explorar su sitio. Sin embargo, algunas personas pueden buscar un determinado contenido y apreciarán fácil acceso a una barra de búsqueda. Beaver Builder viene con un módulo de búsqueda que puede extraer y colocar en su página 404. Después de agregar este módulo, ajuste su configuración para personalizar la barra de búsqueda. Por ejemplo, puede elegir entre diferentes aspectos, incluidos solo botones y en línea: también debe considerar cómo desea mostrar los resultados de búsqueda. La barra de búsqueda de Beaver Builder puede mostrar estas coincidencias como parte de su página 404, en forma de un menú de caída:

Al mostrar estos resultados en su página 404, los visitantes pueden acceder al contenido que desean, sin tener que navegar una página separada con los resultados de búsqueda. Para crear este efecto, seleccione la pestaña Contenido. Luego abra el menú de resultados resultante y elija los resultados a continuación a través de AJAX:

Alternativamente, podría preferir redirigir al visitante a los resultados de búsqueda. Esto puede ser útil para atraer a los visitantes al contenido principal de su sitio y lejos del mensaje de error 404. Para configurar esta redirección, modifique la configuración de resolución en la página de búsqueda. 5. Formulario de autenticación La membresía puede ser una excelente manera de construir una relación a largo plazo con capacitación. Si proporciona membresía de membresía, es posible que desee permitir que los usuarios se conecten a sus cuentas directamente desde su página 404. Esto puede ayudarlo a enmarcar a sus visitantes. También puede proporcionar un pedido rápido para los usuarios que intentaban acceder a su cuenta cuando cumplieron con el error 404. Beaver Builder se entrega con un formulario de autenticación. Esto agrega un formulario de conexión básico en la página 404: de forma predeterminada, este formulario muestra recordar inicio de sesión y olvidar los enlaces de contraseña. Si prefiere un formulario simplificado, puede modificar estas configuraciones seleccionando la pestaña General en la configuración del formulario de inicio de sesión:

Establezca ambas configuraciones Muestre la autenticación de recordación y muestre el enlace de contraseña olvidada al no. Esto elimina estos enlaces de su formulario de inicio de sesión. Conclusión En un mundo ideal, los visitantes nunca cumplirían con su página 404. Sin embargo, incluso si mantiene su sitio en excelentes condiciones, siempre existe la posibilidad de que los visitantes escriban una URL o error. Esto los lleva directamente a su página 404, sin culpa. Recapitulemos rápidamente cinco módulos de Beaver Builder que nos gusta incluir en 404 páginas: menú de navegación, para ayudar a los visitantes a acceder a diferentes áreas de su sitio.

Publicaciones recomendadas que pueden resaltar los elementos más interesantes de su sitio.

Formulario de contacto para que los visitantes puedan informar el error 404.

La barra de búsqueda, que puede ahorrar tiempo para las personas que tienen un cierto contenido en mente.

Formulario de autenticación, para proporcionar fácil acceso a la cuenta del visitante.

¿Tiene alguna pregunta sobre cómo crear una página de error personalizada 404 en WordPress? ¡Háganos saber en la sección de comentarios!