Criando Páginas de Conteúdo no Magento 2 com Page Builder, Editor de Texto e HTML com Ajuda da IA

1. Acesse Conteúdo > Elementos > Páginas

No painel do Magento 2, no menu lateral esquerdo:

• Clique em Conteúdo
• Depois em Elementos
• E, por fim, selecione Páginas

Você verá uma listagem com todas as páginas de conteúdo criadas na loja.

2. Clique em “Adicionar Nova Página”

Para iniciar a criação de uma nova página:

• Clique no botão Adicionar Nova Página, localizado no canto superior direito.
• Essa ação abrirá uma nova tela com abas para preencher as informações da página.

3. Preencha Título, URL e Status

Título da Página

É o nome da página que será exibido no navegador e usado em outros locais do Magento.

Chave da URL

Esse campo define o endereço da página, caso não preenchido a URL sera criada automaticamente com base no nome escolhido da pagina

Exemplo: se você escrever sobre-nos, a URL final será https://sualoja.com/sobre-nos.

Evite espaços, acentos e caracteres especiais nesse campo.

Status

Selecione Ativado para que a página fique disponível no site.

4. Crie o Conteúdo com o Page Builder (Interface Visual)

O Page Builder é um recurso nativo no Magento que permite criar páginas arrastando blocos visuais. Para usá-lo:

• Na aba Conteúdo, clique em Editar com Page Builder.

Você verá blocos como:

• Row (linhas)
• Column (colunas)
• Text (texto)
• Image (imagem)
• Button (botão)
• Video, Slider, Divider, entre outros.

Como adicionar conteúdo:

• Arraste uma linha (Row) para começar.
• Dentro da linha, arraste um bloco de Texto e escreva normalmente.
• Adicione uma Imagem ou Botão conforme a necessidade.
• Clique sobre os blocos para abrir as opções de estilo e edição.

5. Utilize o Editor de Texto Padrão

Prosseguindo com o editor de texto padrão:

• Muito parecido com o Word.
• Você pode escrever normalmente, aplicar negrito, itálico, criar listas, inserir links e imagens.

Para usar:

• Digite o conteúdo diretamente.
• Use os botões do editor para aplicar estilos ou inserir mídia.

✅ Esse modo é ideal para páginas simples, como “Política de Privacidade”, “Quem Somos”, etc.

6. Inserindo HTML com Ajuda da IA

Se o editor de texto não atenderem às suas necessidades, é possível inserir códigos HTML personalizados. Mesmo sem saber programar, você pode gerar esses códigos com a ajuda de uma Inteligência Artificial, como o ChatGPT.

Para adicionar o HTML no PageBuilder basta seguir o mesmo processo do Row+Text, porém ao invés do texto arraste o HTML Code, para inserir o código basta clicar na engrenagem acima da box

Como usar a IA na prática:

Entrando no site de uma IA e se deparando com a chatbox você só precisa descrever o que deseja, de forma clara e objetiva.

Por exemplo:

“Crie um código HTML com um título centralizado, um parágrafo com fundo cinza e um botão verde que leva para o WhatsApp.”

A IA retornará um código pronto para uso, como este:

<div style="text-align: center;">
  <h2>Fale Conosco</h2>
  <p style="background-color: #f0f0f0; padding: 15px; border-radius: 8px;">
    Nossa equipe está pronta para te atender!
  </p>
  <a href="https://wa.me/5599999999999" style="display: inline-block; padding: 10px 20px; background-color: green; color: white; border-radius: 5px; text-decoration: none;">
    Chamar no WhatsApp
  </a>
</div>

Como inserir o HTML no Magento:

1. No editor de conteúdo
2. Cole o código gerado pela IA.
3. Clique em “salvar” e saia do PageBuilder.

Essa é uma forma rápida e eficiente de personalizar a página mesmo sem conhecimento técnico.

7. Preencha as Informações de SEO (Opcional, mas Recomendado)

Na aba Otimização para Motores de Pesquisa, preencha os campos de SEO para otimizar sua página nos mecanismos de busca:

• Meta Título: Aparece como título na aba do navegador e no Google.
• Meta Palavras-chave: Palavras relacionadas ao conteúdo da página.
• Meta Descrição: Pequeno resumo que aparece nos resultados de busca.
• 🚀 Um bom SEO aumenta a chance de sua página ser encontrada no Google.

8. Escolha o Layout da Página (Aba Visual)

Na aba Design, você pode escolher como a página será exibida visualmente:

• 1 coluna (página cheia)
• 2 colunas com barra lateral
• Padrão do Tema

Naturalmente o mais utilizado é o “1 column” porém essa configuração depende do tema instalado e pode variar.

9. Clique em “Salvar”

Após preencher todos os campos:

• Clique no botão Salvar, no canto superior direito.
• Uma mensagem de confirmação irá aparecer no topo.

10. Verifique e Acesse a Página

Para testar se tudo está correto:

• Acesse o caminho da URL que você definiu.
• Exemplo: sualoja.com/sobre-nos
• Verifique se todos os blocos, textos, imagens e botões estão funcionando corretamente.