Página Magento 404: Como criá-lo e personalizá-lo efetivamente no Magento 2?

Nos sites de comércio eletrônico Magento 2, a página “404 Page Not Found” (ou a “404 Page” abreviada) aparecerá quando você tentar acessar uma página específica da Web, mas não puder ser encontrada (sendo movida ou eliminada).

Pela nossa experiência, quase todos os sites de comércio eletrônico Magento 2 terão que enfrentar o erro 404. No entanto, as maneiras como eles se preparam para lidar com esse erro são muito diferentes. Enquanto alguns apenas mostram a página 404 para informar seus clientes sobre a página inexistente, outros aproveitam essa chance para impressionar seus visitantes, apresentar produtos novos/excepcionais. Ou até criam algo divertido para entreter os espectadores. Nesta postagem do blog, mostraremos o conhecimento básico de como criar e personalizar uma nova página Magento 2 404 para sua loja Magento.

Como adicionar a página 404 em sites de comércio eletrônico Magento 2?

• Passo 1 : Vá para o Painel Administrativo, navegue até CONTEÚDO e escolha Páginas (em Elementos ). Em seguida, clique em Adicionar nova página .

Em seguida, clique em Adicionar nova página.

• Etapa 2: adicione o conteúdo da sua página Magento 2 404

1. Você deve habilitar a página selecionando Sim em Habilitar Página .
2. Defina o título da página (por exemplo, 404 página não encontrada).
3. Adicione conteúdo à página (incluindo o título do conteúdo e a descrição).
4. Expanda a seção Search Engine Optimization , defina URL Key, Meta Title/ Keywords/ Description que serão exibidos nas páginas de resultados do mecanismo de pesquisa (SERPs).
5. Selecione a visualização da loja onde esta página 404 está localizada.
6. Escolha o Layout da página e adicione Layout Update XML , se desejar. Para uma página 404, seu layout é importante e baseado na convicção de que a loja pode escolher um layout adequado (1, 2 ou 3 colunas com barra lateral esquerda ou direita).
7. Por fim, defina o horário específico para a atualização de design personalizado.

Dicas úteis para melhorar a página Magento 404

Primeiro, vamos dar uma olhada na página padrão do Magento 2 404:

Como você pode ver, o Magento 2 nos fornece uma página 404 muito básica, explicando as possíveis razões para retornar esta página e fornece aos clientes links rápidos para voltar à página anterior ou ir para a página inicial ou minha conta. Como essa página padrão parece bastante chata, a maioria dos lojistas a personaliza para corresponder à imagem de sua marca. Aqui estão algumas recomendações para criar uma página 404 única e valiosa para sites de comércio eletrônico Magento 2:

Oportunidade perfeita para promover produtos excelentes

Quando os clientes, infelizmente, vão para a página 404, seria uma pena se você os deixasse ir sem fazer nada. Por que você não aproveita esta oportunidade para chamar a atenção deles para seus produtos em destaque / best-sellers / itens quentes à vontade? Como resultado, os compradores podem esquecer sua experiência ruim em seu site, ao mesmo tempo, você pode obter algumas conversões de vendas com isso.

É fácil adicionar seus novos produtos à página 404 adicionando um widget ao conteúdo da página:

Aqui, você pode escolher que tipo de produtos e número de itens exibidos, bem como como eles são exibidos no front-end.

Lembre-se de ajudar os clientes que não encontraram algo que desejam em seu site

A maioria dos lojistas apenas se preocupa com as causas do erro 404 e como resolvê-lo, mas esquece os motivos que levam os clientes ao site. É um erro tão grande!

Quando os visitantes tentam acessar uma determinada página do seu site, mas ela retorna a página 404, o que significa que eles querem algo em seu site, mas não conseguem. Imagine que um comprador queira comprar um item de luxo em sua coleção, mas ele clica no link da página do produto antigo do mecanismo de busca que foi alterado sem redirecionar para o novo, de modo que desistiu de sua intenção de comprar esse produto.

Se você não fizesse nada para melhorar a situação, não só ele, mas também muitos clientes deixariam sua loja assim, e como suas vendas seriam afetadas? Além disso, se todos os visitantes deixarem seu site instantaneamente após buscar o erro 404, o Google e outros mecanismos de pesquisa acreditarão que você tem uma alta taxa de rejeição e darão ao seu site classificações mais baixas.

Portanto, recomendamos que você inclua uma barra de pesquisa em sua página Magento 2 404. Com isso, os clientes podem continuar suas buscas diretamente em seu site para obter resultados mais precisos.

Personalizando uma página 404 no Magento 2

Vamos mudar o conteúdo para uma forma familiar. Claro, isso depende do seu tema, mas estamos abordando isso de maneira padrão, seguindo estas cinco etapas:

1. Altere o título do conteúdo

O título do conteúdo é provavelmente a informação mais notável com a qual todos os usuários serão representados. Esta pode ser uma frase cativante ou engraçada, para que possa aliviar a experiência desagradável. De preferência, eu escolheria um slogan que seja formatado de acordo com o estilo e o conteúdo do próprio site.

2. Substitua o conteúdo padrão

Em relação ao conteúdo da página, poderíamos fazer uma boa limpeza. O conteúdo é seu para manipular. Estou optando por adicionar uma imagem que representará a rota não encontrada. Abaixo disso estou inserindo um widget que será configurado para mostrar os produtos mais recentes (rotulado como novo). Também estou incluindo alguns links rápidos que não são acessíveis diretamente do cabeçalho. Estamos tentando fazer com que a página 404 se misture com o resto do site.

3. Adicionar imagem de 404 páginas A

Adicionar a imagem e o widget é bastante simples. Clique no botão Inserir imagem na guia de conteúdo, escolha o arquivo do seu computador. Um tamanho de imagem sugerido é 1240×420 pixels. Para adicionar o widget que mostrará os produtos mais recentes clique na opção Inserir Widget. A forma como configurei é assim.

4. Adicionar widget

O tipo de widget é um menu suspenso que possui uma lista de opções. Você pode optar por exibir um bloco estático ou diferentes tipos de coleções de produtos. O controle da página de exibição são as barras de ferramentas na parte superior e inferior da lista de produtos. Para este exemplo, desativei isso, pois estamos exibindo apenas 5 produtos. Eu escolhi o novo modelo de lista de produtos padrão, mas há outras opções disponíveis, como mostrar apenas o nome ou a imagem da coleção ou alternar entre as visualizações de grade e lista. Clique em Inserir Widget e agora o conteúdo é transformado em algo assim

5. Altere o layout do conteúdo da página 404

O layout é fundamental, e todo administrador de loja deve utilizá-lo de acordo com suas necessidades, dependendo do conteúdo. As possibilidades são um layout de 1 coluna de largura total, outras são combinações de 2 colunas com barra lateral esquerda ou direita ou 3 colunas. Cada um pode desempenhar o mesmo papel quando o conteúdo é colocado corretamente em seus contêineres. O layout pode ser alterado na guia de design.

Com tão pouco esforço, transformamos a página 404 básica em uma página útil que ajuda seus clientes, mas também sua loja. As possibilidades são infinitas, realmente cabe ao criador de conteúdo de sua equipe criar uma incrível página 404 não encontrada. Pode ir de simples, mas intuitivo e engraçado, a um conteúdo complexo e dinamicamente criado, que pode ser desenvolvido. De qualquer maneira funciona, desde que mantenhamos o princípio de usar todas as páginas possíveis que nossa loja tem a oferecer.

Aumente o nível do seu site com ArrowHiTech – parceiro oficial da Magento

Procurando por desenvolvimento Magento personalizado? Procurando um design personalizado ou reformulação da sua loja online? Quaisquer que sejam as soluções personalizadas necessárias para o seu projeto de comércio eletrônico Magento gerar receita maior - estamos aqui para enfrentar esse desafio. Na Magesolution, fornecemos serviços de ponta a ponta, incluindo consultoria, design personalizado e desenvolvimento , bem como serviços de suporte e manutenção para seu site online. Contacte-nos para uma consulta gratuita