Cómo hacer página Error 404 personalizada con Elementor Pro
Web-Sastre
Diseñadora Web WordPress
para empresas familiares y bloggers.
Puede pasar que tus visitantes se encuentren con una página de error 404 en algún momento y no tiene porque ser algo negativo. Con una página personalizada, puedes guiar al visitante para que encuentre lo que está buscando.
Crear la página de error 404 personalizada es posible con Elementor Pro. En esta entrada del blog, te voy a contar porque es positivo tener una y te voy a guiar en el proceso de creación.
Tabla de contenido
1.
¿Por qué es importante tener una página de error 404 personalizada?
Si un visitante, mientras navega por tu página web, se encuentre con el error 404, mejor que se encuentre una página útil, y a veces incluso divertida, a una página genérica del error. Te pongo el ejemplo de una página error 404 por defecto:
Como puedes ver, a la página por defecto le falta el toque personal y sobre todo un botón o enlace a la página de inicio de nuestro sitio web.
Que un visitante llegue a la página de error, puede pasar por varios motivos. Los dos más comunes van a ser algún error de ortografía o que hayas eliminado la página y aún exista el enlace. Entonces personalizar la página de error 404 es una buena oportunidad para mejorar la experiencia del usuario y ofrecerle una navegación fluida por nuestra página web. Con esto haremos que los visitantes se queden en nuestra página y además les puedes ofrecer enlaces útiles a las páginas relevantes de tu sitio web.
2.
Crear página de Error 404 personalizada con Elementor Pro
Si eres lector/a del blog, ya sabrás que para mi ¡Elementor Pro es el mejor plugin TODO EN UNO que hay en WordPress! Si aún estás pensando en si vale la pena, te puedo asegurar de que sí. Con Elementor Pro te ahorras la configuración de otros Plugins, posibles incompatibilidades y te permite personalizar la página web a nivel profesional.
Poder crear una página Error 404 personalizada es una de las ventajas de Elementor Pro. Si aún no lo tienes, puedes adquirirlo con el siguiente enlace y luego volver para continuar con la creación de la página:
Para crear la página de error 404 personalizada, estando en el escritorio de WordPress vamos a crear una plantilla de Elementor:
- Pulsa en Plantillas
- A continuación pulsa en Añadir nueva
- En la Popup que te va a salir, pulsa en Seleccionar... y escoge Error 404
- A continuación dale un nombre a la plantilla que te sea fácil de identificar y pulsa en CREAR PLANTILLA
- Elementor Pro te va a sugerir su librería de bloques predeterminados. Puedes escoger uno y darle tu toque personal o cerrar y crear tu página desde cero. Las sugerencias de Elementor Pro son buenos ejemplos de información que puedes dar a tus usuarios en una página de Error 404:
- Una vez hayas terminado el diseño de la página, pulsa en PUBLICAR (botón verde en la parte inferior derecha del panel de edición)
- En la siguiente Popup, pulsa en AÑADIR CONDICIÓN
- Incluir lo tienes que dejar como está. En el listado busca y selecciona Página 404 y finalmente pulsa en SAVE & CLOSE.
- ¡Ya has creado tu página de error 404 personalizada! No te olvides de proporcionar la información y enlaces para guiar a tus visitantes a tu página de inicio o incluso puedes redirigirlos a tu página de contacto u ofrecerles un formulario. Puede ser de utilidad en el caso que no encuentren lo que buscan y quieran ponerse en contacto contigo.
3.
Ejemplos de páginas de error 404 funcionales, originales y divertidas
- Ejemplo de netflix.com
- Ejemplo de stock.adobe.com
- Ejemplo de flaticon.es
- Ejemplo de pixabay.com
- Ejemplo de naturaselection.com
Si ya tienes la licencia de Elementor Pro, te puede interesar la guía de iniciación en Elementor Pro que he publicado con los primeros pasos a seguir y consejos en el uso de plantillas y Popups:
Y si necesitas ayuda en la creación de tu página web o blog WordPress, no dudes en ponerte en contacto conmigo. Para ayudas puntuales tengo bolsas de horas muy prácticas que puedes usar cuando las necesites. O si quieres que sea yo tu diseñadora web WordPress, ¡cuéntame tu proyecto!
