Gerenciar o conteúdo do seu site de e-commerce de forma eficaz é crucial para o sucesso online. As páginas CMS (Content Management System) no Magento 2 ou Adobe Commerce desempenham um papel fundamental nesse processo, permitindo que você crie e gerencie páginas estáticas, como a página inicial, políticas de privacidade ou páginas de destino personalizadas, de maneira fácil e intuitiva.
Para criar e gerenciar páginas CMS de forma eficaz, é importante entender os atributos que definem cada página. Além disso, é fundamental aprender os conceitos básicos e técnicas avançadas de personalização e otimização das páginas CMS no Magento 2.
Por que criar novas páginas com blocos e widgets?
Antes de mergulharmos no processo de criação e gerenciamento, é importante entender os benefícios que as páginas CMS, combinadas com blocos e widgets, podem trazer para o seu negócio:
1. Integração de conteúdo dinâmico
- Widgets: Permitem atualizações de conteúdo em tempo real, exibindo informações como níveis de estoque, recomendações de produtos personalizadas e feeds de redes sociais.
- Variáveis personalizadas: Facilitam a inserção de informações consistentes em todo o site, como o nome da loja ou informações de contato.
- Blocos reutilizáveis: Economizam tempo e garantem a consistência da marca, permitindo que você crie blocos de conteúdo que podem ser usados em várias páginas.
- Exemplos: Utilize widgets para exibir sliders de produtos, depoimentos de clientes ou banners promocionais, tornando suas páginas mais dinâmicas e envolventes.
2. Gerenciamento Multi-Loja
- Conteúdo específico para cada loja: Adapte o conteúdo para diferentes mercados, idiomas e promoções, garantindo que cada cliente tenha uma experiência relevante.
- Sincronização de conteúdo: Mantenha a consistência entre as lojas, enquanto permite exceções locais para campanhas específicas.
3. Tipos de conteúdo suportados
- Texto e HTML: Formate o conteúdo com facilidade, utilizando títulos, parágrafos, listas e outros elementos.
- Layouts XML Personalizados: Crie estruturas de página exclusivas, adaptadas às suas necessidades específicas.
- Integração de mídia: Enriqueça o conteúdo com imagens e vídeos, tornando-o mais atraente e informativo.
- Elementos interativos: Adicione formulários, botões e outros elementos interativos para incentivar a interação do usuário.
4. Benefícios de marketing
- Páginas de destino personalizadas: Crie páginas específicas para campanhas de marketing, direcionando o tráfego para ofertas relevantes.
- Testes A/B: Experimente diferentes versões de conteúdo para identificar as que geram melhores resultados.
- Páginas de campanhas sazonais: Promova ofertas especiais em datas comemorativas, como Natal ou Black Friday.
- Banners e Pop-ups: Utilize esses recursos para direcionar as vendas e destacar promoções importantes.
5. Vantagens de SEO
- Metadados personalizados: Otimize cada página com títulos, descrições e palavras-chave relevantes para melhorar o posicionamento nos resultados de busca.
- Otimização de URL: Crie URLs amigáveis para SEO, utilizando palavras-chave relevantes e evitando caracteres especiais.
- Gerenciamento da hierarquia de conteúdo: Organize o conteúdo de forma lógica e intuitiva, facilitando a navegação dos usuários e dos motores de busca.
6. Experiência do Usuário
- Layouts responsivos: Garanta que suas páginas sejam exibidas corretamente em todos os dispositivos, desde desktops até smartphones.
- Tempos de carregamento rápidos: Otimize o conteúdo para garantir que as páginas carreguem rapidamente, evitando frustrações e abandonos.
- Branding consistente: Mantenha a identidade visual da sua marca em todas as páginas, transmitindo profissionalismo e confiança.
7. Capacidades técnicas
- Atualizações de design personalizadas: Modifique o design das páginas com facilidade, sem a necessidade de conhecimentos técnicos avançados.
- Alterações de conteúdo agendadas: Programe as alterações de conteúdo para que sejam publicadas automaticamente em datas específicas.
- Personalização avançada com XML: Utilize o XML para criar layouts complexos e personalizados, adaptados às suas necessidades específicas.
- Integração com o Magento Page Builder: Aproveite os recursos avançados do Page Builder para criar páginas visualmente atraentes e personalizadas.
Atributos essenciais das páginas CMS no Magento 2
Para criar e gerenciar páginas CMS de forma eficaz, em primeiro lugar, é importante entender os atributos que definem cada página:
| Atributo | Descrição | Formato | Exemplo |
|---|---|---|---|
creation_time | Data de criação da página. | yy/mm/dd | 17/05/10 |
title | Título da página, exibido na barra de título do navegador. | Qualquer texto | Página de Exemplo |
identifier | Chave da URL, utilizada para criar o endereço único da página. | Minúsculas, números, underscores e hífens | pagina_de_exemplo |
store_view_code | Código da loja onde a página será exibida. | Códigos separados por vírgula ou ‘All’ | All, default |
is_active | Status da página (ativa ou inativa). | 0 ou 1 | 1 |
content_heading | Título do conteúdo principal da página. | Qualquer texto | Título do Conteúdo |
content | Conteúdo principal da página, formatado com HTML. | Texto com HTML | <p>Olá, mundo!</p> |
page_layout | Estrutura da página (uma coluna, duas colunas com barra lateral esquerda, etc.). | 1column, 2columns-left, 2columns-right, 3columns | 2columns-left |
meta_title | Título SEO da página, exibido nos resultados de busca. | Qualquer texto | Página de Exemplo – SEO |
meta_keywords | Palavras-chave SEO da página, utilizadas para melhorar o posicionamento nos resultados de busca. | Termos separados por vírgula | exemplo, meta, palavras-chave |
meta_description | Descrição SEO da página, exibida nos resultados de busca. | Qualquer texto | Descrição da página de exemplo |
layout_update_xml | Código XML personalizado para modificar o layout da página. | Código XML válido | <referenceContainer...> |
custom_theme | Tema visual da página. | Caminho do tema | Default theme/Magento Luma theme |
custom_root_template | Template de layout da página. | 1column, 2columns-left, 2columns-right, 3columns | 3 columns |
custom_theme_from | Data de início da utilização do tema personalizado. | mm/dd/yy | 03/02/19 |
custom_theme_to | Data de término da utilização do tema personalizado. | mm/dd/yy | 03/29/19 |
4 Métodos para criar páginas CMS no Magento 2
Agora que você entende os benefícios e atributos das páginas CMS, portanto, vamos explorar os métodos para criá-las no Magento 2:
1. Adicionar uma Nova Página CMS no Magento 2
- Acesse o Painel de Administração do Magento.
- Navegue até Conteúdo > Elementos > Páginas.
- Clique em Adicionar Nova Página.
- Preencha o campo Título da Página com o título desejado.
- Selecione a loja onde a página será exibida na lista Visualização da Loja.
- Defina o status da página para Desativado se ela não estiver pronta para ser publicada.
Lembre-se: Altere o status para Ativado quando a página estiver pronta.
- Clique em Salvar
- Expanda a seção Conteúdo.
- Adicione o título principal no campo Cabeçalho do Conteúdo.
- Utilize o Page Builer para adicionar conteúdos.
- Expanda a seção Otimização para Mecanismos de Busca.
- Forneça a chave da URL no campo Chave da URL.
Dica: Utilize apenas caracteres minúsculos e hífens, evitando espaços.
- Preencha os campos Meta Título, Meta Palavras-Chave e Meta Descrição.
- Expanda a seção Páginas nos Sites.
- Selecione a Visão da Loja apropriada.
- Expanda a seção Visual.
- Selecione o Layout:
- Empty – Vazia
- 1 Column – Uma coluna
- 2 Columns left side bar – Duas colunas com barra lateral esquerda
- 2 Columns right side bar – Duas colunas com barra lateral direita
- 3 Columns – Três colunas.
- Page Full Width – Página Largura Total
- Category Full Width – Categoria Largura Total
- Product Full Width – Produto Largura Total
- Atualização de Layout Personalizado: Caso existam diferentes layouts para esse tema
- Utilize a seção Atualização de Design Personalizado para definir designs temporários.
- Escolha um intevalo de datas se for uma campanha sazonal
- Escolha um novo tema
- Escolha um novo layout
- Retorne à aba Informações da Página e defina o Status para Ativado.
- Clique no botão Salvar Página para salvar as configurações.
- Limpe o cache da sua loja para garantir que as alterações sejam exibidas.
2. Criar um novo bloco
- Navegue até Conteúdo > Elementos > Blocos.
- Clique em Adicionar Novo Bloco.
- Ative o bloco e forneça um Título do Bloco.
- Insira um Identificador único (minúsculas, sem espaços, use hífens).
- Selecione a Visão da Loja para o bloco.
- Use o Page Builder para adicionar o conteúdo ao bloco (texto, links, imagens, e outros elementos).
- Clique no botão Salvar para salvar a configuração do bloco.
- Limpe o cache da sua loja.
3. Criar um novo widget
- Navegue até Conteúdo > Elementos > Widgets.
- Clique em Adicionar Novo Widget.
- Selecione o Tipo de Widget e o Tema de Design.
- Clique no botão Próximo.
- Adicione um Título do Widget e atribua-o a Visão da Loja específica.
- Insira a Ordenação (use 0 para a posição superior).
- Utilize o botão Adicionar Atualização de Layout para especificar onde o widget deve aparecer.
- Selecione um local no menu suspenso Exibir em (páginas de produto ou categoria).
- Defina a Página, o Container e o Tema para o posicionamento do widget.
- Em Opções do Widget, selecione o bloco desejado.
- Clique em Salvar e Continuar Editando para finalizar as configurações e salve a configuração.
- Limpe o cache da sua loja.
4. Atribuir uma página inicial nas páginas eblocos CMS do Magento
- Complete os passos para criar a nova página.
- No Painel de Administração, navegue até Lojas > Configurações > Configuração.
- Em Geral, selecione “Web” no painel esquerdo.
- Expanda a seção Páginas pré-definidas.
- Verifique os seguintes passos de configuração:
- URL da Web Pré-definido: Insira o caminho relativo para a pasta que contém a página de destino. Assim por padrão, cms direciona para uma página CMS da loja.
- CMS Homepage: Defina a página que você deseja como página inicial da loja (Ex: Bem-vindo à Loja Online Exclusiva, Programa de Pontos, Sobre Nós, Atendimento ao Cliente, etc.). Porém, essa página precisa estar ativa e criada dentro de Páginas.
- URL no-route Pré-definido: Insira o caminho relativo para a página que será exibida quando ocorrer um erro 404 (por padrão, cms/index/noRoute).
- Página No-route CMS: Defina a página exibida para um erro 404.
- Página No Cookies CMS: Defina a página exibida quando os cookies estão desativados no navegador.
- Mostrar Breadcrumbs para Páginas CMS: Defina como “Sim” se você deseja breadcrumbs em todas as páginas CMS.
- Clique em Gravar Configuração quando terminar.
- No campo Página CMS, selecione a página recém-criada como a Página Inicial.
- Salve a configuração.
- Limpe o cache clicando no link Gerenciamento de Cache na mensagem do sistema.
Conclusão
Dominar a criação e o gerenciamento de páginas CMS no Magento 2 é crucial para o sucesso do seu e-commerce. Ao seguir as dicas apresentadas neste guia, você estará preparado para otimizar a experiência do usuário, impulsionar o SEO e garantir que o conteúdo do seu site seja sempre relevante e atraente. Lembre-se de que a prática leva à perfeição, então não hesite em experimentar e explorar todas as funcionalidades que o Magento 2 oferece.
Fonte: MGT-Commerce