Es importante que un sitio web tenga una página 404 bien diseñada. Una página 404 informa al visitante que el contenido que está buscando no está en el sitio web. Debería informarles que pueden haber ingresado la URL incorrectamente y posiblemente proporcionarles una forma de encontrar una alternativa a lo que querían. La forma más fácil de crearlos es con Divi , pero Divi no los crea ni los asigna de forma predeterminada. Sin embargo, un complemento de terceros llamado Divi 404 Page Builder facilita la creación de sus páginas 404 utilizando diseños Divi.
Divi 404 Page Builder proporciona una pantalla simple donde selecciona cualquier diseño Divi para usar como su página 404. También está diseñado para SEO. En lugar de crear redireccionamientos, el complemento genera dinámicamente la página 404 utilizando su diseño y envía el estado 404 a los motores de búsqueda para que la página no se indexe.
Diseñar 404 páginas es un arte. Muchos diseñadores se divierten con ellos. Tal vez podría enumerar sus artículos más populares, categorías populares, proporcionar una búsqueda o mostrarles un video incómodo. Para obtener algunos consejos sobre el diseño de su página 404, consulte el artículo Creación de páginas de error 404 personalizadas de WordPress .
En este artículo estoy usando la versión 1.0.0 del Divi 404 Page Builder Plugin con Divi versión 3.0.106
Cargue y active el complemento de forma normal. Aparte de crear y asignar su página 404, no se requiere ninguna otra configuración.
Crear y asignar una página 404 Método uno
En el menú del tablero, vaya a Configuración> Divi 404 Page Builder. Aquí puede crear un nuevo diseño, ver la página 404 actual, seleccionar un diseño, editar su selección y guardar los cambios. También hay un enlace a la documentación.
Crear un nuevo diseño
Al hacer clic en Nuevo diseño, se abre Divi Builder, donde puede crear el diseño para la Biblioteca Divi. Puede utilizar Visual Builder si lo prefiere. Si desea cargar diseños de la biblioteca para crear su página 404, le recomiendo crear el diseño dentro de una página o publicación y guardarlo en la biblioteca. De esta manera, puede usar una página de su paquete de diseño o tema secundario o cualquier otro diseño que haya importado.
Agregué una imagen de fondo a la sección y coloqué texto y módulos de búsqueda sobre ella para proporcionar un mensaje breve. Una vez que cree el diseño, deberá publicarlo para que esté disponible en la lista.
Ahora muestra el nuevo diseño como la página 404. Puedo editar o ver la página. Guardar cambios lo asignará como mi página 404.
Ver página 404
Al hacer clic en Ver página 404, se abre una nueva pestaña que muestra la página. Esta vista previa solo muestra la página que guardó. Un modo de vista previa sería útil, pero probablemente sea más un problema de vista previa de Divi Library que un problema con este complemento. En realidad, no debería haber tanta gente viendo su página 404 que le haría daño cambiar a un nuevo diseño para verla. Sin embargo, una opción de vista previa ahorraría algunos pasos.
Crear y asignar una página 404 Método dos
Otra opción es utilizar cualquier página de la biblioteca y asignarla como página 404 desde su pantalla de edición. Puede crear la página haciendo clic en Agregar nuevo, importar una página o crear el diseño a partir de una página o publicación y guardarlo en la biblioteca. En la Biblioteca Divi, haga clic en Editar en cualquier diseño que desee usar.
He importado el paquete de diseño de página 404 , que es un producto independiente que funciona con el complemento o de forma independiente. Incluye los 5 diseños de página 404 en la imagen de arriba.
El diseño se abre en Divi Builder. Se ha agregado una nueva opción en el lado derecho llamada Divi 404 Page Builder. Tiene una casilla de verificación que puede seleccionar para usar este diseño como su página 404. Marque la casilla y haga clic en Actualizar. Estás listo. Este diseño ahora es el predeterminado y no tiene que hacer nada más.
Mirando hacia atrás en la pantalla de configuración, podemos ver que este diseño ahora se ha convertido en el predeterminado. Puede editar, obtener una vista previa o crear un nuevo diseño a partir de él aquí como en el primer método.
Uso del constructor visual
Aquí está mi nueva página 404 que hice con solo una imagen de fondo en la sección y módulos de texto y búsqueda. Cambié la imagen, centré el texto y lo hice más grande. Dado que el complemento usa cualquier diseño hecho con Divi Builder, puede construirlos usando Visual Builder.
Usando Divi 404 Page Builder con Extra
Divi 404 Page Builder también funciona con Extra . Aquí estoy usando la opción 2 del paquete de diseño 404. Funciona exactamente igual que con Divi. Como era de esperar, no utiliza diseños de categoría.
Información de compra, licencia y documentación
Divi 404 Page Builder tiene dos opciones de compra:
- Sitio único – $4.99
- Sitios ilimitados – $12.49
Las instrucciones están incluidas en la página de ventas. También hay un enlace a esto en el menú del tablero del complemento.
pensamientos finales
Las páginas 404 a menudo se pasan por alto al diseñar un sitio web. Sin embargo, son importantes. Proporcionar a sus lectores una alternativa a lo que estaban buscando, tal vez incluso algo un poco entretenido, o al menos alguna información útil, puede ayudar a determinar cuánto tiempo más pasarán en su sitio web. Si todo lo que ven es una pantalla en blanco o solo un texto sin explicación de por qué no ven lo que esperaban, probablemente simplemente se irán. En otras palabras, una buena UX incluye una buena página 404.
Tener una manera fácil de crearlos usando Divi Builder y asignarlos con un solo clic de botón es un sueño de los diseñadores de páginas 404 (o al menos un gran deseo). Divi 404 Page Builder es una excelente solución. Me pareció fácil de usar. El único problema que tuve fue con un sitio múltiple que usa este formato: mainsite.com/secondarysite. Esta estructura no es adecuada para páginas 404 en el sitio secundario. Todo lo demás funcionó perfecta e intuitivamente.
Si está interesado en crear sus páginas 404 con Divi Builder, vale la pena echarle un vistazo al complemento Divi 404 Page Builder.
Queremos escuchar de ti. ¿Has probado Divi 404 Page Builder? Háganos saber acerca de su experiencia en los comentarios a continuación.
Imagen destacada a través de SaimonSailent / shutterstock.com