Página Magento 404: ¿Cómo crearla y personalizarla de manera efectiva en Magento 2?

En los sitios web de comercio electrónico de Magento 2, la página “404 Page Not Found” (o la “404 Page” en resumen) aparecerá cuando intente acceder a una página web específica pero no se encuentre (movida o eliminada).

Según nuestra experiencia, casi todos los sitios web de comercio electrónico de Magento 2 tendrán que enfrentarse al error 404. Sin embargo, las formas en que se preparan para manejar este error son muy diferentes. Mientras que algunos solo muestran la página 404 para informar a sus clientes de la página inexistente, otros aprovechan esta oportunidad para impresionar a sus visitantes y presentar productos nuevos o destacados. O incluso crean algo divertido para entretener a los espectadores. En esta publicación de blog, le mostraremos los conocimientos básicos para crear y personalizar una nueva página Magento 2 404 para su tienda Magento.

¿Cómo agregar la página 404 en los sitios web de comercio electrónico Magento 2?

• Paso 1 : Vaya al Panel de administración, navegue hasta CONTENIDO y elija Páginas (en Elementos ). Luego, haga clic en Agregar nueva página .

Luego, haga clic en Agregar nueva página.

• Paso 2: agregue el contenido para su página Magento 2 404

1. Debe habilitar la página seleccionando Sí en Habilitar página .
2. Establezca el Título de la página (p. ej., 404 Página no encontrada).
3. Agregue contenido a la página (incluido el encabezado de contenido y la descripción).
4. Expanda la sección Optimización del motor de búsqueda , establezca la clave de URL, el metatítulo, las palabras clave y la descripción que se mostrarán en las páginas de resultados del motor de búsqueda (SERP).
5. Seleccione la vista de la tienda en la que se encuentra esta página 404.
6. Elija el diseño de la página y agregue XML de actualización de diseño si lo desea. Para una página 404, su diseño es importante y se basa en que la tienda puede elegir un diseño adecuado (1, 2 o 3 columnas con barra lateral izquierda o derecha).
7. Finalmente, configure el tiempo específico para la actualización de diseño personalizado.

Consejos útiles para mejorar la página Magento 404

Primero, echemos un vistazo a la página predeterminada de Magento 2 404:

Como puede ver, Magento 2 nos brinda una página 404 muy básica, que explica las posibles razones para devolver esta página y brinda a los clientes enlaces rápidos para volver a la página anterior o ir a la página de inicio o la página Mi cuenta. Dado que esta página predeterminada parece bastante aburrida, la mayoría de los propietarios de tiendas la personalizarán para que coincida con la imagen de su marca. Aquí hay algunas recomendaciones para crear una página 404 única y valiosa para los sitios web de comercio electrónico Magento 2:

Oportunidad perfecta para promocionar productos destacados

Cuando los clientes, por desgracia, van a la página 404, sería una pena que los dejaras ir sin hacer nada. ¿Por qué no aprovecha esta oportunidad para llamar su atención sobre sus productos destacados, los más vendidos o los artículos más populares? Como resultado, los compradores pueden olvidarse de su mala experiencia en su sitio y, al mismo tiempo, puede obtener algunas conversiones de venta a partir de eso.

Es fácil agregar sus nuevos productos a la página 404 agregando un widget al contenido de la página:

Aquí, puede elegir qué tipo de productos y la cantidad de artículos que se muestran, así como también cómo se muestran en el front-end.

Recuerde ayudar a los clientes que no han encontrado algo que buscan en su sitio

La mayoría de los propietarios de las tiendas solo se preocupan por las causas del error 404 y cómo abordarlo, pero se olvidan de las razones por las que atraen a los clientes a su sitio. ¡Es un gran error!

Cuando los visitantes intentan acceder a una determinada página en su sitio pero devuelve la página 404, lo que significa que quieren algo en su sitio pero no pueden obtenerlo. Imagina que un comprador quiere comprar un artículo de lujo de tu colección, pero hace clic en el enlace de la página del producto antiguo del motor de búsqueda que se cambió sin redirigir al nuevo, por lo que renuncia a su intención de comprar ese producto.

Si no hiciera nada para mejorar la situación, no solo él, sino también muchos clientes se irían de su tienda así, y ¿cómo se verían afectadas sus ventas? Además, si todos los visitantes abandonarán su sitio instantáneamente después de obtener el error 404, Google y otros motores de búsqueda creerán que tiene una tasa de rebote alta y le darán a su sitio una clasificación más baja.

Por lo tanto, le recomendamos encarecidamente que incluya una barra de búsqueda en su página Magento 2 404. Debido a eso, los clientes pueden continuar su búsqueda directamente en su sitio para obtener resultados más precisos.

Personalización de una página 404 en Magento 2

Vamos a cambiar el contenido a una forma familiar. Por supuesto, esto depende de su tema, pero lo abordamos de manera predeterminada siguiendo estos cinco pasos:

1. Cambiar el encabezado del contenido

El encabezado de contenido es probablemente la información más notable con la que todos los usuarios estarán representados. Esta podría ser una frase pegadiza o divertida, por lo que podría aliviar la experiencia desagradable. Preferiblemente, elegiría un eslogan que tenga un formato que coincida con el estilo y el contenido del sitio web en sí.

2. Reemplazar contenido predeterminado

En cuanto al contenido de la página, nos vendría bien una buena limpieza. El contenido es tuyo para manipular. Elijo agregar una imagen que representará la ruta no encontrada. Debajo de eso, estoy insertando un widget que se configurará para mostrar los últimos productos (etiquetados como nuevos). También incluyo algunos enlaces rápidos a los que no se puede acceder directamente desde el encabezado. Estamos tratando de hacer que la página 404 se mezcle con el resto del sitio web.

3. Agregar imagen de página 404A

Agregar la imagen y el widget es bastante simple. Haga clic en el botón Insertar imagen en la pestaña de contenido, elija el archivo de su computadora. Un tamaño de imagen sugerido es 1240 × 420 píxeles. Para agregar el widget que mostrará los productos más nuevos, haga clic en la opción Insertar widget. La forma en que lo tengo configurado es así.

4. Agregar widget

El tipo de widget es un menú desplegable que tiene una lista de opciones. Puede elegir mostrar un bloque estático o diferentes tipos de colecciones de productos. El control de la página de visualización son las barras de herramientas en la parte superior e inferior de la lista de productos. Para este ejemplo, lo tengo deshabilitado ya que solo mostramos 5 productos. Elegí la plantilla de lista de nuevos productos predeterminada, pero hay otras opciones disponibles, como mostrar solo el nombre o la imagen de la colección o cambiar entre las vistas de cuadrícula y lista. Haga clic en Insertar widget y ahora el contenido se transforma en algo como esto

5. Cambiar el diseño del contenido de la página 404

El diseño es crucial y cada administrador de la tienda debe usarlo de acuerdo con sus necesidades, según el contenido. Las posibilidades son un diseño de 1 columna de ancho completo, otras son combinaciones de 2 columnas con barra lateral izquierda o derecha o 3 columnas. Cada uno puede desempeñar el mismo papel cuando el contenido se coloca correctamente en sus contenedores. El diseño se puede cambiar en la pestaña de diseño.

Con tan poco esfuerzo, hemos transformado la página 404 básica en una página útil que ayuda a sus clientes pero también a su tienda. Las posibilidades son infinitas, realmente le corresponde al creador de contenido de su equipo lograr una increíble página 404 no encontrada. Puede ir desde un contenido simple, pero intuitivo y divertido, hasta un contenido complejo creado dinámicamente que se desarrolla aún más. Cualquiera de las dos formas funciona, siempre y cuando nos atengamos al principio de usar todas las páginas posibles que nuestra tienda tiene para ofrecer.

Mejora tu sitio web con ArrowHiTech, socio oficial de Magento

¿Busca un desarrollo personalizado de Magento? ¿Buscas un diseño personalizado o rediseño de tu tienda online? Independientemente de las soluciones personalizadas que se requieran para que su proyecto de comercio electrónico de Magento genere mayores ingresos, estamos aquí para enfrentar ese desafío. En Magesolution, brindamos servicios integrales que incluyen consultoría, diseño y desarrollo personalizados , así como servicios de soporte y mantenimiento para su sitio en línea. Contáctenos para una consulta gratuita